返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

基于HTML5的齿轮动画特效

2019-01-28 15:21:45于丽
  • }      
  • /*ANIMATIONS*/   /*rotate*/  
  • @keyframes "rotate" {     from {   
  •     -webkit-transform: rotate(0deg);        -moz-transform: rotate(0deg);   
  •     -o-transform: rotate(0deg);        -ms-transform: rotate(0deg);   
  •     transform: rotate(0deg);     }   
  •  to {        -webkit-transform: rotate(360deg);   
  •     -moz-transform: rotate(360deg);        -o-transform: rotate(360deg);   
  •     -ms-transform: rotate(360deg);        transform: rotate(360deg);   
  •  }    }   
  •    @-moz-keyframes rotate {   
  •  from {       -moz-transform: rotate(0deg);   
  •    transform: rotate(0deg);     }   
  •  to {       -moz-transform: rotate(360deg);   
  •    transform: rotate(360deg);     }   
  • }      
  • @-webkit-keyframes "rotate" {     from {   
  •    -webkit-transform: rotate(0deg);       transform: rotate(0deg);   
  •  }     to {   
  •    -webkit-transform: rotate(360deg);       transform: rotate(360deg);   
  •  }    }   
  •    @-ms-keyframes "rotate" {   
  •  from {       -ms-transform: rotate(0deg);   
  •    transform: rotate(0deg);     }   
  •  to {       -ms-transform: rotate(360deg);   
  •    transform: rotate(360deg);     }   
  • }      
  • @-o-keyframes "rotate" {     from {   
    • 相关文章 大家在看