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.

Crazy…

Happy CSSing,
Atg

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.

Your post must include a link to this post.

How does this work?
Write a response on your own website and include a link to this post. Then submit your response’s URL here. Your response may appear here after moderation. To update or remove it, edit or delete your original post and submit the same URL again. Learn more about Webmentions.