Skip to content
CSS3 vendor prefix generator.
JavaScript
Find file
Latest commit cbe447a May 22, 2015 @imsky Merge pull request #20 from koron/support-perspective
Support perspective
Failed to load latest commit information.
src
.gitignore start refactor Sep 21, 2014
README.md
bower.json
cssfx.js
gulpfile.js
package.json

README.md

cssFx

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.

Installing

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

Usage

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.

License

cssFx is provided under the MIT license.

Credits

cssFx is a project by Ivan Malopinsky.

Something went wrong with that request. Please try again.