Vendor-Specific CSS3 properties is an ugly part of web design. Every time we code we are forced to add -webkit-, -moz-, -o- for different browsers in the stylesheet. In order words its time consuming and increases the size of the stylesheet.
So how to overcome this? The answer is cssFx.js. CSSFx is a lightweight js file that automatically create vendor-specific CSS3 properties depending upon the browser. So with cssFX there is no need of including (-moz-, -webkit-, -o-) thus saving your time.
Download the cssFX file from here, upload the file to your server and add it to the head along with “cssFx” class name for the stylesheet
<link rel="stylesheet" href="style.css" class="cssfx"> <script src="js/cssfx.min.js"></script>
Here is an example CSS code:
So its time to code peacefully without worrying about the vendor-specific CSS3 properties. I am going to use this on my projects, how about you?