CHAPTER 4

image

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

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.