prefixfree.js:CSS3前缀解决方案（web前缀）

前端开发中用到css3的时候 经常为了确保兼容性 ，会把一个属性写很多个版本，像这样

1. -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

2. -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

3. -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

4. -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

5. transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);

这种码楼式的写法，作为一个切图网（qietu.com）职业前端开发者来说会非常的不爽，一个是麻烦，一个是占用文件大小，一个是不易阅读，于是乎，有个大神些了一个js插件 prefixfree.js ，来解决这个问题。

1. <script src="http://leaverou.github.com/prefixfree/prefixfree.min.js"></script>

调用这个线上地址，或者下载下来本地加载都可以。

--------------------

prefix-free 是一个 JavaScript 工具库，用于帮助你从 CSS 前缀的地狱中解脱出来。你编写的 CSS 代码无需填写浏览器前缀，在需要的时候，-prefix-free 会帮助你自动添加当前浏览器需要的前缀。

官网
http://leaverou.github.com/prefixfree/

下载地址：

https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js

原创-原文地址：
http://www.qietu.cn/thread-15217-1-1.html

关注切图网微信公众号：qietuwang ，业务咨询qq/微信：6135833