@keyframes和它的几个前缀

当看到@-webkit-keyframes、@-o-keyframes、@-ms-keyframes、@-moz-keyframes时 （具体如文章（一）），我发现它们和我学习的CSS中的关键帧@keyframes的写法相比之下多了前缀部分，但起初并不明其意，是后来在看到一篇文章后（ 文章（二））才知道加这些前缀的作用是为了兼容各种浏览器，且除上述四个前缀以外还有-khtml-等。

---

然后还发现了部分前缀所对应兼容的浏览器（ 源于文章（三））：

1.  -webkit-用来兼容Chrome、Safari、Opera：

前缀-webkit-用来兼容Chrome4.0至43.0以下版本、Safari4.0至9.0以下版本、Opera15.0至30.0以下的版本的@keyframes属性，也就是说从Chrome43.0、Safari9.0、Opera30.0版本开始，就不需要写这个前缀了；

2.  -o-用来兼容Opera：

前缀-o-用来兼容Opera12.0至某个版本的@keyframes属性（也许到15.0或者30.0，这不清楚）；

3.  -moz-用来兼容Firefox：

Firefox：前缀-moz-用来兼容Firefox5.0至16.0以下的@keyframes属性，16.0版本开始，就不需要写这个前缀了；

4.  无前缀用来兼容IE：

IE：没有前缀用来兼容IE的@keyframes属性，从IE10.0开始就支持@keyframes属性了；

---

随着浏览器迭代，都慢慢支持了@keyframe，所以现在我们几乎不需要解决去解决这个属性的兼容性问题，自然而然就更少会了解到关于如上前缀的相关信息了。

另，没有提到的剩余前缀的用途尚不清楚，但也许使用它们的时代临近尾声了，且我目前没有对这方面知识的需求（还有可能是因为我目前处于初级阶段），就暂且不准备去做更多的了解了。