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
Make sure any external stylesheets you want processed have the
- Firefox 3+
- Chrome 1+
- Internet Explorer 6+
- Safari 3+
- Opera 9+
- 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.