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 3

image

CSS3 Transitions for Images

The most common uses for CSS3 transitions on web pages are, first, generating visual effects for user interface (UI)  elements (discussed in the next chapter) and, second, creating brief animated effects for images. In this chapter, you’ll use the syntax of the Transitions module to enhance images and their captions by animating them. These techniques demonstrate easy methods for visually enhancing your web pages, making image content and associated information more interactive while minimizing screen “real estate”: an important consideration in the age of mobile web development.

Simple Image CrossFade Effect ...

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