Monday, May 21, 2012

Auto-insert Vendor-Specific CSS3 Properties with cssFx.js

As a frontend developer, dealing with vendor-specific CSS3 properties can be an headache. For example, box-shadow, there are old IE, old Firefox, old webkit and the standard w3c properties, so many value to set and remember. Unless you are using LESS Mixins, otherwise, you might want to try out cssFX.js.


cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth! Basically, you need to include cssFx.js Javascript file and specify which css file to parse, and cssFx will take care of it. As a result, you just have to write css3 properties once, and cssFx will add other vendor-specific properties for you.


Details





  • Website/Author  
    Demo  
    Download

  • CompatibilityFirefox 3+, Chrome 1+, Internet Explorer 6+, Safari 3+, Opera 9+
  • LicenseBSD License




Supported CSS properties



  • border radius,

  • box shadow,

  • flex box,

  • RGBA,

  • gradients,

  • multiple columns,

  • border image,

  • transforms,

  • transitions,

  • opacity,

  • inline-block,

  • ellipsis,

  • and more.


No comments:

Post a Comment

Note: Only a member of this blog may post a comment.