# Responsive CSS3 Scrolling Effects

Canonical URL: <https://www.nobledesktop.com/classes/responsive-scrolling-effects>

## Overview

This seminar is not currently offered. Learn more about our [web design](/topics/web-design-classes) and [web development courses and certificate programs](/topics/web-development-courses-nyc).

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](/image/sem-graphic/hawaii-brochure) in this seminar.

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

## 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

## Curriculum

#### 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!

## Pricing

**Tuition:** $95