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

[emohacker]

最近写css3动画

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

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

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

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

如果有，求小伙伴科普。

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

[lichao]

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

[cj1324]

LESS CSS 真实你想要的。

[lichao]

感觉已经没必要了

[vontio]

sublime plugin ： prefixr

[chloerei]

http://bourbon.io/

要用 scss

[emohacker]

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

[cutehalo]

用LESS之类的就行了

[emohacker]

@chloerei 哇，这个好

[lichao]

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

[emohacker]

@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

[hzlzh]

http://mixinsless.com/
你需要的是这个，完全没有必要管前缀的。

[davepkxxx]

大部分css都不需要这样写了。

[L42y]

https://github.com/ai/autoprefixer

[emohacker]

@L42y 灰常感谢~~这个正是我想要的

[emohacker]

@davepkxxx 刚刚删了前缀代码，结构chrome29竟然跑步起来，火狐最新版是ＯＫ的，暂时没去排查是哪里不兼容，赶脚写上还是有点必要

[emohacker]

@hzlzh Tks~

[foomorrow]

用less或者sass呗

[yangg]

也可以试试这个 https://github.com/LeaVerou/prefixfree

[FrankFang128]

@vontio 我装了这插件几个月了都不知道怎么用它。

[vontio]

@FrankFang128 一般插件的使用方法都是ctrl+shift+p 然后输入插件名