CSS 3 - 过渡前缀 - 使用哪些？

Question

我有一个关于转换的CSS供应商前缀的问题.

该消息来源指出"你需要使用所有通常的前缀才能在所有浏览器中使用它(-o - , - webkit - , - moz - , - ms - )".

该页面只显示了-webkit-与-moz-前缀并且声称IE 10,FF 16+和Opera 12.1+可以阅读免费的前缀版本.

在Twitter的引导的代码,总有存在-webkit-,-moz-并且-o-除了未加前缀版本前缀版本.

我应该使用什么前缀？

Answer 1

http://caniuse.com/#search=transition表示现代浏览器需要-webkit-和plain属性.

-webkit-transition: all .5s ease;
transition: all .5s ease;

但是如果你添加所有这些都没有问题,只要确保没有前缀的属性是最后一个.

编辑:如下面的评论中所述,如果您点击"所有版本",您可以看到每个浏览器何时删除前缀.目前最好还使用-moz-和-o-.

编辑2015年5月:我强烈建议使用Autoprefixer作为构建过程的一步(如Gulp/Grunt任务)或作为代码编辑器的插件.它在caniuse.com浏览器支持统计信息上提供自动前缀.

Answer 2

编辑:您不再需要任何前缀.

只是用transition.

截至目前,所有供应商前缀都应该用于CSS3过渡.例如,

-webkit-transition: all 500ms;
   -moz-transition: all 500ms;
     -o-transition: all 500ms;
        transition: all 500ms;