CSS3 vendor prefix generator.
Latest commit cbe447a May 22, 2015 @imsky Merge pull request #20 from koron/support-perspective
Support perspective
Failed to load latest commit information.
src add 'perspecitve' May 22, 2015
README.md edit readme Aug 12, 2014
bower.json bower Jun 20, 2014
cssfx.js update minified version for 'perspective' May 22, 2015
gulpfile.js start refactor Sep 22, 2014
package.json start refactor Sep 22, 2014



cssFx adds vendor-specific prefixes to your stylesheets.

How it works

When the document has finished loading, internal (<style>) and external (<link>) stylesheets are processed, fetching any @import stylesheets as well. It's recommended to bundle stylesheets into one file to minimize request overhead. Once processing is done, a new <style> tag is appended to the <head> with processed properties. Properties for all vendors (Mozilla, Webkit, Opera, Microsoft) are included by default.


Download cssFx or install it with Bower: bower install cssfx.


Include cssFx in your <head> tag: <script src="cssfx.js"></script>

Make sure any external stylesheets you want processed have the cssfx class.

Browsers Supported

  • Firefox 3+
  • Chrome 1+
  • Internet Explorer 6+
  • Safari 3+
  • Opera 9+

Important Considerations

  • IE and other browsers remove either unknown properties or properties with unknown values. To guarantee that all properties are parsed, link your stylesheet externally.
  • To prevent FOUC (flash of unstyled content), place cssfx.js immediately under the stylesheet tags.
  • cssFx only adds prefixes. It does not polyfill functionality unavailable in the browser.


cssFx is provided under the MIT license.


cssFx is a project by Ivan Malopinsky.