处理CSS3跨浏览器兼容的工具 Prefixr

fmms 12年前

CSS3增加的新特性实现了很给力的效果,那你是否有编写过跨浏览器的CSS3代码呢,要针对不同的浏览器写一堆的CSS3代码前缀。Prefixr就是一个能将CSS3代码自动生成跨浏览器CSS代码的在线应用。

处理CSS3跨浏览器兼容的工具 Prefixr

由于CSS3规范还没定稿,大部分浏览器都有针对CSS3特性实现他们特定的前缀,类似-moz-border-radius,-webkit-border-radius这样的。

Prefixr这个网站会自动检测你所粘贴的CSS代码,然后针对CSS3的特性加上各浏览器所支持的前缀。假如你贴上去的代码是border- radius,通过Prefixr处理后你将得到兼容多浏览器的代码,如上图。有了这个工具,你就再也不用记这些冗长的前缀了,大大的提高了效率~~~

项目主页:http://www.open-open.com/lib/view/home/1328767210827