Prefixfree.js,让私有属性 -webkit-,-moz-，见鬼去吧-CSDN博客

众所周知，在我们写CSS的时候会遇到一些小问题比如以下这样

.boxshadow #c {
  	border:none;
  	-webkit-box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
  	-moz-box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
  	box-shadow: rgba(0,0,0, .5) 3px 3px 6px;  
}

还有这样

 #wrap{
         border: 5px solid red;
  	-webkit-border-radius: 12px;
  	-moz-border-radius: 12px;
  	border-radius: 12px;  
}

请大家注意这里面的-webkit- -moz-，这些都是早年遗留下来的CSS私有兼容性写法(话说都是好久以前浏览器不支持的那一套东西),可能诸位前端er~ 早已经习惯了这种"盖高楼" 话说这种盖高楼可不是什么好事儿，很XX的一个举动，不建议大家比这个东西，，，，

回到正题，今天给大家隆重介绍Prefixfree.js，没错就是他，通过它可以让你拜托盖高楼的困扰，假如你现在正学习着强大的Css3，你知道Css3的很多数属性为实验属性，使用他们的时候得加上各式各样的浏览器前缀。可能你默默忍受了，因为还没到统一的时间。有没想过给自己减下负，偶然间在网上看到一个js解决方案，正好可以解决这个问题。他会帮你自动识别浏览器，生成对应的Css3样式前缀，这样你就可以直接当作标准属性来使用了。，是不是感觉很酷炫！！！

-webkit-transform: rotate(15deg);

-o-transform: rotate(15deg);

-moz-transform: rotate(15deg);

-ms-transform: rotate(15deg);

-webkit-border-radius: 50%;

-o-border-radius: 50%;

-moz-border-radius: 50%;

-ms-border-radius: 50%;

这些东西，通过prefixfree.js检测后你只需要写成这样

transform:rotate(15deg);

border-radius:50%;

没了，就这样，即简单又粗暴，可能你现在已经忍不住想要引入了，

最新版本的下载地址在这里 http://www.bootcdn.cn/prefixfree/