随着IE浏览器开始全面拥抱CSS3和HTML5标准,现在有越来越多的网站开始在网站加入CSS3的新特性,实现很给力的效果。但由于CSS3和HTML5的W3C规范都尚未定稿,各大浏览器对标准的支持还是有差异的。
所以在编写CSS3代码还需要针对不同的浏览器写一堆的CSS3代码前缀。Prefixr就是一个能将CSS3代码自动生成跨浏览器CSS代码的在线应用。
目前,大部分浏览器都有针对CSS3特性实现他们特定的前缀,类似-moz-border-radius,-webkit-border-radius这样的。
Prefixr这个网站会自动检测你所粘贴的CSS代码,然后针对CSS3的特性加上各浏览器所支持的前缀。假如你贴上去的代码是border- radius,通过Prefixr处理后你将得到兼容多浏览器的代码,如上图。有了这个工具,你就再也不用记这些冗长的前缀了,大大的提高了效率……
记得之前我们有介绍一个有趣的
浏览器CSS3兼容性测试,就是用CSS3代码编写的哆啦A梦。虽然该测试公平性存在异议,但是这也让我们看到了CSS3的魅力。
标签:浏览器CSS3浏览器相关Prefixr