Tuesday, August 31, 2010

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

Filed under: Design Tips, web 2.0
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

APPLE COMPUTER APPLIED MATERIALS ARIAN SEMICONDUCTOR EQUIPMENT ARROW ELECTRONICS ASML HOLDING ASUSTEK COMPUTER

1 comment:

  1. Really its very useful information that you have shared and thanks for sharing the information with us.

    HP Envy 4500 Wireless Printer

    ReplyDelete