O'Reilly logo

Pro CSS3 Animation by Dudley Storey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CHAPTER 8

image

Integrating CSS3 Animation with Responsive Web Design and JavaScript

Now it’s time to bring all the elements you’ve looked at so far together on your web pages. To do this you will integrate CSS3 Transforms, Transitions, and Animations with current site development principles, including Responsive Web Design (RWD).

At a basic level, a responsive site will consist of a fluid design, with most elements measured in percentages, rem, em, vh, or vw units, rather than pixels, combined with a series of CSS breakpoints defined in CSS media queries. The position of these breakpoints is usually defined by the values at which the page design “breaks” ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required