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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.