Skip to content

Latest commit

 

History

History
50 lines (38 loc) · 1.31 KB

README.md

File metadata and controls

50 lines (38 loc) · 1.31 KB

cssFx

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!

Usage

  • Include a script tag in your source:
<script src="cssfx.min.js"></script>
  • Give any external stylesheets you want processed the "cssfx" class:
<link rel="stylesheet" href="cssfx.css" class="cssfx">

Browsers Supported

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

Properties Supported

Border radius, box shadow, flex box, RGBA, gradients, multiple columns, border image, transforms, transitions, opacity, inline-block, ellipsis, and more.

Important Considerations

  • IE and other browsers variously remove either unknown properties or properties with unknown values. To guarantee that all properties are parsed, link your stylesheet externally.

Todo

  • parsing transition values for prefixes
  • hyphens, hyphenate-character
  • background-composite, background-origin, background-position
  • @import support
  • media query support
  • rgba
  • border-image
  • don't push empty style tags to DOM
  • specific transform properties
  • specific transition properties