Codepen css动画示例不适用于本地

Question

我想在我的代码中使用Codepen example，但是当我复制并粘贴css没有任何动画有效时，我使用Chrome检查了css并且所有动画都被删除了，任何想法？

.loading > div > .c4 {
   top: auto;
   bottom: 10px;
   transform-origin: 20px -4px;
   animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

Answer 1

Chrome和Safari，您必须使用-webkit-animation。对于Firefox，您必须使用-moz-animation。对于Opera，您需要-o-animation。请参阅MDN中的Compatibility Table。

Codepen显然会检测到浏览器版本并相应地重写CSS。