CSS3 Playground lets you experiment with new CSS features and generates code

Filed under: ,


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.

The bottom pane of the window has all of the style declarations you’ve visually set, both in JavaScript syntax and as CSS. You can just play with the sliders to get it to look just right and then copy/paste it into your own site. Neat!

[Thanks, Yaara!]

CSS3 Playground lets you experiment with new CSS features and generates code originally appeared on Download Squad on Mon, 30 Aug 2010 15:30:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments


This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s