Yelp Facebook LinkedIn YouTube Twitter Instagram

Responsive CSS3 Scrolling Effects

In this seminar, we’ll demonstrate how to code an image-rich webpage designed specifically to take advantage of the awesome native CSS capabilities of modern browsers. You’ll learn how to build an elegant, responsive design where all content—including images and videos—resize in accordance with browser size. You’ll also explore techniques for using CSS animated transitions that zoom, pan, and scroll. Along the way, we will use media queries to fine tune the content so it displays beautifully in any size browser, from a mobile device to a wide-screen display. Here’s the page you’ll learn to create in this seminar.

This seminar is designed for people who have some experience with HTML and CSS.

Free for Web Certificate students (call or email to register).

  • 2 hours
  • Book included
  • Free retake

Register for a class

$95 Discounts Policies

594 Broadway, NYC or Live Online

Not currently scheduled.

What You’ll Learn

  • The Magic of CSS Background-Size: Cover
  • Distinctive Scrolling Effects with CSS Fixed Backgrounds
  • Zooming a Video on Hover with CSS Transitions
  • Using CSS @Keyframes to Create a Cinematic Panning Effect
  • Media Queries: Fine Tuning Page Layout and Typography Across Devices
View full syllabus

Responsive CSS3 Scrolling Effects Class Syllabus

Includes a 39 page Step-by-Step Instruction Guide

Attendees receive an exercise book, walking you through the steps of building this responsive, animated webpage. All the instructions are written out, so you can easily start coding what you’ve learned right away!

Learn to Code Responsive Websites with CSS

Learn how to code an image-rich webpage designed specifically to take advantage of the awesome native CSS capabilities of modern browsers. An experienced web designer will walk you through the steps of building a responsive, animated webpage. You’ll also receive the step-by-step written instructions to take home, so you can easily start coding what you’ve learned right away.

Learn Real-world Design & Coding Skills

“Noble Desktop is far and away the most efficient way of gaining computer graphics skills. They give real-world exercises to work on, teach best practices, and inspire many an ‘aha!’ moment. Highly recommended.”
Joanne Hu

Students learning graphic design & coding at Noble Desktop

28 Years of Experience

Since 1990 we have perfected the craft of teaching. If students get hung up on an issue, we tweak the class to make it better. We’re the longest running independent training center for code and design in NYC.

Students learning hands-on at Noble Desktop

Register for Responsive CSS3 Scrolling Effects

$95 Discounts Policies

594 Broadway, NYC or Live Online

Not currently scheduled.