求工具 ~ 有木有这样的css3处理工具。-webkit- -moz- -ms- -o- 无力吐槽 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
emohacker
V2EX    程序员

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

  •  
  •   emohacker
    emohacker 2013 年 9 月 25 日 5247 次点击
    这是一个创建于 4515 天前的主题,其中的信息可能已经有所发展或是发生改变。
    最近写css3动画

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

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

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

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

    如果有,求小伙伴科普。

    如果找不到这个,想自己写个Sublime插件或者是别的发布生产前的生成工具。
    31 条回复    1970-01-01 08:00:00 +08:00
    lichao
        1
    lichao  
       2013 年 9 月 25 日
    我现在写 CSS,都不写那些前缀了,只写最后那一行
    cj1324
        2
    cj1324  
       2013 年 9 月 25 日
    LESS CSS 真实你想要的。
    lichao
        3
    lichao  
       2013 年 9 月 25 日   1
    感觉已经没必要了
    vontio
        4
    vontio  
       2013 年 9 月 25 日   1
    sublime plugin : prefixr
    chloerei
        5
    chloerei  
       2013 年 9 月 25 日   1
    http://bourbon.io/

    要用 scss
    emohacker
        6
    emohacker  
    OP
       2013 年 9 月 25 日
    @lichao 高端大气浏览器貌似最新版都不需要了?写上有给人严谨点的赶脚
    cutehalo
        7
    cutehalo  
       2013 年 9 月 25 日
    用LESS之类的就行了
    emohacker
        8
    emohacker  
    OP
       2013 年 9 月 25 日
    @chloerei 哇,这个好
    lichao
        9
    lichao  
       2013 年 9 月 25 日
    @emohacker 比较新的版本确实都不需要了
    emohacker
        10
    emohacker  
    OP
       2013 年 9 月 25 日
    @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
        11
    hzlzh  
    PRO
       2013 年 9 月 25 日
    http://mixinsless.com/
    你需要的是这个,完全没有必要管前缀的。
    davepkxxx
        12
    davepkxxx  
       2013 年 9 月 25 日
    大部分css都不需要这样写了。
    L42y
        13
    L42y  
       2013 年 9 月 25 日   1
    emohacker
        14
    emohacker  
    OP
       2013 年 9 月 25 日
    @L42y 灰常感谢~~这个正是我想要的
    emohacker
        15
    emohacker  
    OP
       2013 年 9 月 25 日
    @davepkxxx 刚刚删了前缀代码,结构chrome29竟然跑步起来,火狐最新版是OK的,暂时没去排查是哪里不兼容,赶脚写上还是有点必要
    emohacker
        16
    emohacker  
    OP
       2013 年 9 月 25 日
    @hzlzh Tks~
    foomorrow
        17
    foomorrow  
       2013 年 9 月 25 日
    用less或者sass呗
    yangg
        18
    yangg  
       2013 年 9 月 25 日
    FrankFang128
        19
    FrankFang128  
       2013 年 9 月 25 日
    @vontio 我装了这插件几个月了都不知道怎么用它。
    vontio
        20
    vontio  
       2013 年 9 月 25 日
    @FrankFang128 一般插件的使用方法都是ctrl+shift+p 然后输入插件名
    hegfirose
        21
    hegfirose  
       2013 年 9 月 25 日
    emmet
    hegfirose
        22
    hegfirose  
       2013 年 9 月 25 日
    webstorm 集成emmet有相关选项,用less也行
    emohacker
        23
    emohacker  
    OP
       2013 年 9 月 25 日
    @FrankFang128
    @vontio
    @hegfirose
    感觉还是写完之后发布前让程序自己去补全比较好,代码比较好维护,插件实时补全的话要修改应该比较蛋碎。
    anson0370
        24
    anson0370  
       2013 年 9 月 25 日
    sass or less 加上任意基于它们的 mixin 库……
    momou
        25
    momou  
       2013 年 9 月 25 日
    一般只写最后一句,有问题再加
    vivianalive
        26
    vivianalive  
       2013 年 9 月 26 日
    一般只写一句. 然后在IE上看看有没问题.
    其他浏览器一般都不会有问题的.
    而IE用户很多还停留在6,7,8, 就不要浪费时间了. 毕竟这些"酷炫"的效果只是点缀而已.
    Part
        27
    Part  
       2013 年 9 月 26 日
    顺便吐槽一下 sublime 的 less2css 这个 feature 都10个月了还没update上去,https://github.com/timdouglas/sublime-less2css/issues/15
    lijingyu68
        28
    lijingyu68  
       2013 年 9 月 26 日
    果断less,less is more!
    lorrylockie
        29
    lorrylockie  
       2013 年 9 月 26 日
    less和sass不就是了
    heroicYang
        31
    heroicYang  
       2013 年 9 月 27 日
    楼主需要 stylus 之类~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1707 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 16:24 PVG 00:24 LAX 08:24 JFK 11:24
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86