我有一个关于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-和滑动性能。
-webkit-transition: all .5s ease;
transition: all .5s ease;
但是，如果你添加所有的人，只是可以肯定，如果没有前缀属性是最后一个将是没有问题的。
编辑：在下面的评论说，如果你点击“所有版本”，你可以看到当每个浏览器下降前缀。 现在它是更好地使用-moz-也-O-。
编辑2015年5月：我强烈建议使用Autoprefixer作为构建过程的步骤（如咕嘟咕嘟/咕噜任务）或插件代码编辑器。 它提供了caniuse.com浏览器支持自动统计前缀。
Answer 2:
编辑：你不应该需要任何前缀了。
只需使用transition 。
截至目前，所有供应商前缀应使用CSS3过渡。 例如，
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
Answer 3:
请你帮个忙，并下载无前缀 。 这是一个微不足道的JavaScript，它可以让你的用户几乎任何前缀需要的财产，没有前缀（包括切换，动画和媒体查询）。
编辑：唯一的例外，这一切的是歌剧，其中象素率（没有别的）必须用分数表示，而不是小数媒体查询。
Answer 4:
这取决于你想使用的CSS属性。 Mozilla基金会在摆脱前缀的许多性能做了很好的工作。 但你不能说现在所有的属性都无前缀。 我听到Chrome小组的消息，他们想使梯度无前缀。 我不知道歌剧，但Internet Explorer的10需要-ms了很多CSS3属性前缀。
我想说今天，你应该只需要添加前缀。 但未来会不会是这个样子！
Answer 5:
-webkit-只，连同前缀的版本，当然。
所有其他浏览器或者与无前缀属性（如Firefox或Opera）移动，或者从来没有使用过（如IE）
我建议您定期检查CanIUse.com了最先进的最新信息。
http://caniuse.com/#feat=css-transitions
Answer 6:
我会反其道而行这里提出一个不同的方法：如果你有一个网站建立与分析，检查浏览器的统计信息和版本，并查看用户实际使用的是什么。
当然，你可以将大部分的前缀，但如果你的用户是过时的浏览器（无论何种原因），他们不会得到的功能。
没有任意网站可以告诉你需要确切的前缀，只有你可以计算出从你自己的数据信息。
如果没有数据，添加所有的前缀尽可能多的人支持成为可能。 然后检查数据在几个月，如果你需要重构。
文章来源: CSS 3 - transition prefixes - which ones to use?
