O'Reilly logo

Pro CSS3 Animation by Dudley Storey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required