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 4
CSS3 Transitions for UI Elements
Another obvious role for CSS3 transitions is enhancing user interface elements within web pages: building animation into navigation, forms, and buttons, to make information on your site clearer and more engaging. In this chapter I’ll take the animation principles and CSS syntax you’ve explored thus far and expand upon them in lessons that will make your designs more interactive, interesting, and fun.
Modern Site Navigation Markup
Before adding transitions to your site navigation it’s worthwhile to take a moment and explore the markup you’ll be hooking your CSS rules into. For HTML5 sites the primary ...