Chapter 3: Effects and Transforms with CSS3
In This Chapter
Discovering how CSS makes development easier
Getting the lowdown on CSS3 browser support
Applying effects and transforms
Determining whether customizable fonts are right for you
Using hover states for interactivity
CSS3 — the current (and still evolving) standard for cascading style sheets — creates radically new options for applying effects like transparency, shadows, and rounded corners on boxes, along with transforms like scaling (sizing), rotating, and moving objects on a web page.
In this chapter, we briefly explain why this new development is so significant, and then dive into how to define and apply these effects and transforms to text and to containers that hold content.
New Design Tools, New Styles
Web designers have long been able to place rotated graphics, semi-transparent backgrounds, drop-shadows, or rotated objects on web pages. You can also animate these types of effects and transformations. Therefore, a mouse ...