CSS3 Playground lets you experiment with new CSS features and generates code
I have recently been experimenting with CSS3 box properties for my own personal site. I was thrilled with how easy it was to create a box with rounded corners, some shading and a border – it was really trivial.
That was even before I found CSS3 Playground. Had I found this neat little tool before, I would not have had to hand-code a single line of text.
Like so many other showcases and playgrounds, it's basically a canvas with a bunch of sliders. The sliders let you visually control a CSS div. You can set a ton of CSS3 properties, and watch how they affect the div in real time. Skew it, rotate, zoom in, play with borders and shadow, rounded corners – it's all there, and it's very accessible and fun to play with.