The following demo was made using a variety of CSS techniques. Rounded corners, shadows, gradients, rgba, pseudo-elements, and transforms are just some of them. A lot of these were generated by helpful tools, such as westciv’s tools and Border Radius. By combining these techniques, you can create rich graphics with just a few lines of code. Here are a few examples.
Absolutely amazing.
Meh. Amazing from a technical, nerdy, because-we-can exploration of what’s possible? Sure. Absolutely.
Amazing from a practical point of view when a PNG in Photoshop takes about 1/20th of the time necessary to work out the CSS for each of these? Less so.