CSS继续浏览器属性

目前还编写浏览器的常用方法属性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动画定时功能，动画定时功能等？

来源

2014-10-19 Artru

使用一些CSS前缀像https://learnboost.github.io/stylus/docs/keyframes.html 检查CSS动画列表https://developer.mozilla.org/en-US/docs/Web/CSS /动画 – cforcloud 2014-10-19 07:22:05

谢谢你，但autoprefixer是更好的脚作为解决方案 – Artru 2014-10-27 05:22:49

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

自动执行此过程的最佳工具是Autoprefixer。

来源

2014-10-27 05:19:19 Artru

这很容易通过css预处理器或一些吞咽或咕噜任务完成。如果这些术语对你来说是新的，我建议查找Google Web Starter Kit, 它很容易设置，它同时带有一个css预处理器（SASS），前缀和其他有用的东西。

来源

2014-10-19 09:46:33

CSS继续浏览器属性

回答

相关问题