cssFx – Automatically Create Vendor-Specific CSS3 Properties

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.

cssFX javascript file

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.

Install cssFX

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:

cssFX javascript

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?

March 29, 2012. This entry was posted in CSS, Web Resources and tagged . Bookmark the permalink.

We Recommend HostGator Hosting

Bloggermint strongly recommends Hostgator Hosting for all of your web hosting needs. Sign up today for WordPress Hosting at just $4.95/month.

Use coupon code "bloggermint" to get 25% discount on any hosting packages. Get an account with Hostgator now!

9 Responses so far!

  1. Awesome Tips but if the browser Doesn’t support what will happen?

  2. I have done. Thanks for sharing.

  3. works fine on Firefox (13) —how ironic. But not at all on IE8. It would seem a script to be backwards-fixer upper/code parser re organizer compatible is great to have yet I was hoping it would also save me time to not have to *class for each IE8 class-rewrite in my style sheets. Keep up the good work – this could be big! Esecially if it could conquer MSIE of all flavors “\*/”

  4. would be great if it could fix IE8 too. It would seem a script to be backwards-fixer upper/code parser re organizer compatible is great to have yet I was hoping it would also save me time to not have to *class for each IE8/IE7 class-rewrite in my style sheets. Keep up the good work – this could be big! Especially if it could conquer MSIE of all flavors “\*/”

  5. Is this a vaporware script or what? It doesn’t work on IE8. Has the author tested this script before blogging? Just go to http://imsky.github.com/cssFx/ in IE 8 (haven’t tried any other IE version) and you’ll quickly see that none of the CSS3 properties are supported.

  6. Yup, their page doesn’t work in IE8… …and IE 8 is the biggest reason I’d consider using this.

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>