CSS继续使用浏览器属性

目前，有一种常见的方法可以将CSS动画的浏览器属性编写为：

@-webkit-keyframes wheel-keyframes {

        100% {
          -ms-transform: rotate(360deg); /* IE 9 */
          -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
          transform: rotate(360deg);
        }
}

@keyframes wheel-keyframes {

        100% {
          -ms-transform: rotate(360deg); /* IE 9 */
          -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
          transform: rotate(360deg);
        }
}   //etc

代码的重复是巨大的。它能像你一样做吗

@-webkit-keyframes, @keyframes  wheel-keyframes {
        100% {
          -ms-transform, -webkit-transform, transform: rotate(360deg);
        }
}

---

测试CSS属性列表是否有好的资源，例如-webkit动画计时功能、动画计时功能等？

这可以通过CSS预处理器或一些吞咽或咕噜任务轻松完成。 如果这些术语对您来说是新的，我建议您查阅， 它的设置非常简单，并且附带了css预处理器SASS和前缀器

---

和其他有用的东西。

不，即使在CSS3中，也不可能生成这样的连续语句并最小化文件大小

---

自动化此过程的最佳工具是。

使用一些css预处理器或类似css动画的检查列表谢谢，但autoprefixer是更好的解决方案