Chapter 3: Effects and Transforms with CSS3

In This Chapter

check.png Discovering how CSS makes development easier

check.png Getting the lowdown on CSS3 browser support

check.png Applying effects and transforms

check.png Determining whether customizable fonts are right for you

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

Get Building Websites All-in-One For Dummies, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.