Check out a free preview of the full Introduction to HTML5 and CSS3 course:
The "CSS3 Effects" Lesson is part of the full, Introduction to HTML5 and CSS3 course featured in this preview video. Here's what you'd learn in this lesson:

Image masks – only in webkit for now – shown in an example putting a gloss over a photo to create a headshot look. Gradients, already discussed in the color section, can use the Ultimate CSS Gradient Generator at http://colorzilla.com/gradient-editor/ Patterns can be generated at http://lea.verou.me/css3patterns/ Gradient-masks naturally follow as the combination of the gradient effect over an image. Transform, or rotate, elements using CSS3. NOTE: Versions of IE prior to IE9 will only transform in 90⁰ increments. Animating links is easier when you understand the cubic-bezier curve which “maps” the duration and delay of each part of the animation. The Ceaser CSS Easing Animation Tool helps you by letting you visually manipulate the cubic-bezier curve at http://matthew/ein.com/ceaser/

Get Unlimited Access Now