CHAPTER 4
CSS3 3D Animation
This chapter continues the discussion of CSS3 that began in Chapter 3, with a focus on examples of creating 3D effects and 3D animation effects. This first part of this chapter shows how to display a CSS3-based cube, followed by examples of CSS3 transitions for creating simple animation effects, such as glow effects and bouncing effects. Specifically, CSS3 keyframe and the CSS3 functions scale3d(), rotate3d(), and translate3d() are used to create 3D animation effects. The second part of this chapter contains examples of creating glowing effects, fading image effects, and bouncing effects. The creation of CSS3 effects for text and how to render multicolumn text will also be explained. The third part of this chapter ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access