求工具 ~ 有木有这样的css3处理工具。-webkit- -moz- -ms- -o- 无力吐槽

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 4600 days ago, the information mentioned may be changed or developed.

最近写css3动画

-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
-ms-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s;

。。。好烦、影响编码体验、耗时、容易出错。。。

谷哥度娘都木找到，也许是我搜索的方式有问题。

有木有这样的工具，我写个 animation-duration: .3s; 然后前面的一摞兼容性代码统统自动生成~

如果有，求小伙伴科普。

如果找不到这个，想自己写个Sublime插件或者是别的发布生产前的生成工具。

duration

animation

31 replies 1970-01-01 08:00:00 +08:00

lichao

Sep 25, 2013

我现在写 CSS，都不写那些前缀了，只写最后那一行

cj1324

Sep 25, 2013

LESS CSS 真实你想要的。

lichao

Sep 25, 2013

感觉已经没必要了

vontio

Sep 25, 2013

sublime plugin ： prefixr

chloerei

Sep 25, 2013

http://bourbon.io/

要用 scss

emohacker

Sep 25, 2013

@lichao 高端大气浏览器貌似最新版都不需要了？写上有给人严谨点的赶脚

cutehalo

Sep 25, 2013

用LESS之类的就行了

emohacker

Sep 25, 2013

@chloerei 哇，这个好

lichao

Sep 25, 2013

@emohacker 比较新的版本确实都不需要了

emohacker

Sep 25, 2013

@cj1324

@cutehalo

LESS有在用，API貌似没提供？不晓得

因为中文站文档有句这样的例子。。。

.rounded-corners (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
}
貌似没有相应的解决方案
http://www.lesscss.net/article/home.html