CSS3Please: The CSS3 Generator (Paul Irish, You Are a MAD Man)

Hate having to remember and then write something like this every time you want rounded corners?
.box_round {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

Well, in conjunction with Jonathan Neal, Paul Irish announces .

This thing is crazy-cool!  A host of common CSS3 rules are displayed on the page, along with an element that they affect.  As you alter the pixels, colors, etc., in the CSS rules, your changes are instantaneously put into effect…  Like I said, crazy-cool!

Oh, and while you’re changing the numeric values, your up/down arrow keys and mouse scroll wheel also work…

They even add filters when there is one to provide the affect for IE.

When you mouseover a rule, two non-CSS-related elements appear: toggle rule off/on and a clipboard icon.  The first does what it says, the second copies that rule to your clipboard for convenient pasting into your CSS file later.


Happy CSSing,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.