Cross-browser CSS3 generator: CSS3

Are you dizzy with a lengthy prefix like-moz-border-radius in the CSS3? If you're considering using CSS3 across browsers, remember which ones are supported by which browsers? Have you ever thought of any way to solve these problems once and for all?

Don't worry about it, Paul Irish and friends made an interesting CSS3 generator, on which you can edit the CSS3 style in real time, and immediately see the effect, you can copy the code into your own style sheet, and the CSS3 attributes written on each page are compatible. You have to do is call this class, the author on the home page is written across the browser CSS3 generator (cross-browser CSS3 rule generator), but IE is using a lot of filters to achieve, the actual test found not very ideal (I use the IE8 test) , there are some places to be discussed, such as the location of the-ms-filter attribute should be located before the filter (explained on MSDN), although not very perfect, but after all this is beneficial, it can be very convenient to help you to create a better compatibility of CSS3 applications, The CSS3 properties currently supported are:

1. Border-radius
2. Box Shadow
3. Gradients
4. RGBA Support in Backgrounds
5. Transforms
6. Font-face

Even now can not immediately put CSS3 into the day-to-day application, through this generator you can also more easily understand some CSS3 usage, so go to experience it!

Address: Please bash (Ff/opera/saf effect is better)

There is also a foreigner to do similar applications, no css3please so intuitive, more in line with the concept of "generator", please hit the visit, which need to fill in the options to help you more detailed understanding of the role of each CSS3 attribute.

Update: Another generator, the version is already 2.0, the visual interface is very powerful.