zoukankan      html  css  js  c++  java
  • 循环旋转360度

    在需要旋转的元素上添加 rotate类别即可

    .rotate{-webkit-animation: play 2s linear infinite;-moz-animation: play 2s linear infinite;-o-animation: play 2s linear infinite;animation: play 2s linear infinite}
    @-webkit-keyframes play{
      0% {
        transform:rotate(0deg); 
      }
      100% {
        transform:rotate(360deg);
      }
    }
    @-moz-keyframes play{
      0% {
        transform:rotate(0deg); 
      }
      100% {
        transform:rotate(360deg);
      }
    }
    @keyframes play{
      0% {
        transform:rotate(0deg); 
      }
      100% {
        transform:rotate(360deg);
      }
    }
  • 相关阅读:
    lesson
    lesson
    课后习题-5
    lesson
    lesson
    lesson
    重启网络服务时 Bringing up interface eth0
    课后习题-4
    基础扩展
    课后习题-3
  • 原文地址:https://www.cnblogs.com/ghfjj/p/6645498.html
Copyright © 2011-2022 走看看