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” ...

Get Pro CSS3 Animation now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.