This project contains an assortment of CSS3-based graphics samples that combine CSS shaders (defined in files that are in the "shaders" subdirectories of the code samples) with CSS selectors that create linear and radial gradients.

I've tried to keep the number of samples under 500 (unlike the other CSS3-related projects) in order to reduce the number of similar code samples, lest they blur together. Some very nice effects can be created with CSS Shaders, so it's worth spending the time to find the code samples that are most appealing to you.

My upcoming book (jQuery, CSS3, and HTML5 for Mobile), available around 01/2013, contains additional CSS Shaders code samples.

Just so you know, I created this project by adding CSS Shaders to the code samples in this CSS3 project: http://code.google.com/p/css3-graphics You can view the code samples using Adobe’s modified version of Chromium, which you can download here: https://github.com/adobe/webkit/downloads If you like jQuery, you might also like some of these CSS3 + jQuery code samples: https://code.google.com/p/jquery-css3-graphics/ For your listening pleasure while you view the graphics samples, I recommend these songs (some of the dance routines in the second video are phenomenal): https://www.youtube.com/watch?v=GKiNJ2NyloI https://www.youtube.com/watch?v=_wjFahULCK8