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

V2EX = way to explore

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

现在注册

已注册用户请登录

这是一个创建于 4076 天前的主题，其中的信息可能已经有所发展或是发生改变。

最近写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 条回复 • 1970-01-01 08:00:00 +08:00

lichao

2013-09-25 10:53:02 +08:00

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

cj1324

2013-09-25 10:53:28 +08:00

LESS CSS 真实你想要的。

lichao

2013-09-25 10:53:30 +08:00

感觉已经没必要了

vontio

2013-09-25 10:54:23 +08:00

sublime plugin ： prefixr

chloerei

2013-09-25 10:57:57 +08:00

http://bourbon.io/

要用 scss

emohacker

2013-09-25 11:00:16 +08:00

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

cutehalo

2013-09-25 11:00:43 +08:00

用LESS之类的就行了

emohacker

2013-09-25 11:01:16 +08:00

@chloerei 哇，这个好

lichao

2013-09-25 11:01:21 +08:00

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

emohacker

2013-09-25 11:05:41 +08:00

@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