December 2012
Intermediate to advanced
178 pages
4h 47m
English
Content preview from Pro CSS3 Animation
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
CHAPTER 8
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” ...