简化的css3动画不'；行不通

工作演示

我已将blink类简化为此

-webkit-transition: blink 1s ease-in-out infinite;
-moz-transition: blink 1s ease-in-out infinite;
-o-transition: blink 1s ease-in-out infinite;
-ms-transition: blink 1s ease-in-out infinite;
transition: blink 1s ease-in-out infinite;

---

但它不起作用？我错过了什么

您使用的是

转换

而不是

动画

：

-webkit-animation: blink 1s ease-in-out infinite;
-moz-animation: blink 1s ease-in-out infinite;
-o-animation: blink 1s ease-in-out infinite;
-ms-animation: blink 1s ease-in-out infinite;
animation: blink 1s ease-in-out infinite;   

---

你需要--

animation:blink 1s ease in out infinite

我常常不明白为什么人们会否决一个完全直截了当的答案（ofc没有任何评论）。我真的很欣赏这个网站的工作方式，它如何让人们参与进来，使它变得伟大（免费），但这些经常被否决的投票应该需要某种节制来检查是否有正当理由。有些人常常无法区分“无用”答案和“有用”答案。你可能不喜欢它，但答案可能是有用的，可能不是来自op，而是来自使用搜索的未来读者（很多人在提问之前都应该这样做）。在这种情况下，不投票是正确的方式。