同一节点上的CSS3转换和动画

是否可以对同一对象上的同一属性使用CSS3转换和动画

我试图在

：hover

上启用淡入，并进行过渡，之后动画将无限继续。当前不工作的代码位于中

当代码中只有转换时，转换工作。当两个属性都处于活动状态时，似乎只有动画工作，而过渡显然不工作

---

有没有办法将这两种效果组合在一个元素中？

您可以尝试为动画添加延迟。您可能还希望更改不透明度关键帧的顺序，以便动画从过渡结束的位置开始

animation:                youtubeplay-pulse 2s infinite;
animation-delay:         .7s;
-webkit-animation:        youtubeplay-pulse 2s infinite;
-webkit-animation-delay: .7s;