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 6

image

CSS3 Keyframe Animations for Web Content

As you saw in the previous chapter, the syntax of the CSS Animation module is more powerful than the Transitions syntax, allowing for far greater control of web content through the use of keyframes. This chapter will illustrate that power through several examples: a cycling slideshow, an image gallery that duplicates the appearance of the classic Lightbox plug-in for JavaScript, and a logo animation.

A Simple CSS3 Slideshow

Traditionally, image gallery slideshow effects were created using Flash or JavaScript, often in the form of a framework plug-in, such as Nivo Slider (http://nivo.dev7studios.com ...

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