CSS3 Graphical Effects Home

This lesson demonstrates various CSS3 techniques used for graphical effects (check in Can I Use on which browser each feature is supported).

Graphical effects include:

Transparency against Opacity
Gradient Images
Blending
Textured Text Effects
Filters

Here you can see an example of image blending. The original image is blended with the solid blue color to get the final picture, which you see on the top of this page.

Blue Color

Original Picture

Blended Picture