prefixfree与animatable。

无意间发现个好东西,之前我们写CSS3标签的时候,针对不同浏览器一般要写各自不同的前缀,比如-webkit,-moz等前缀,如果css负责,会很恼火:

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

官网地址:http://leaverou.github.io/prefixfree/

同一个作者又做了一套针对CSS3动画的封装

http://leaverou.github.io/animatable/

使用只需要利用A标签和自定义属性就可以完成动画,比如

<a data-property=”border-radius” data-from=”0 100%” data-to=”100% 0″></a>

有兴趣的朋友甚至可以有针对性的进行扩展,来维护自己的一套常用的动画LIB。