Cross-browser CSS generator ^beta

Every time assigning a new CSS3 rule I have to recall how many vendor prefixes was ever introduced to the property, was that a non-standard syntax and is there any tricks to support IE 5-8 browsers. So, I made this service, which simply generates desired CSS for me.

How does it work? You provide a CSS declaration (e.g. transition: inset 5px black; or background-image: linear-gradient(to bottom, #444444, #999999); ) and the services tries to make it cross-browser.

If you spot any inaccuracy or missing compatibility pattern, please feel free, to contact me.

P.S. I'm aware of prefixr.com and css3please.com. Apparently, both care only for the modern browsers. E.g. they generate CSS for box-shadow property with the only -webkit- vendor prefix, when for Firefox 3.5 it has to be prefixed. Saying nothing of any shoring for older IE browsers.

Sources:

• http://www.quirksmode.org/css/contents.html
• http://peter.sh/experiments/vendor-prefixed-css-property-overview/
• https://developer.mozilla.org/en-US/docs/CSS/CSS_Reference/Mozilla_Extensions
• http://www.opera.com/docs/specs/prestox.xx/
• http://msdn.microsoft.com/en-us/library/ms673539%28v=vs.85%29.aspx

Legacy browser support tricks:

• Gradient
• Min-height
• Opacity
• Border-radius