中文
    css一直旋转
    2020-03-06 19:29:51 分享 举报
    内容简介:css一直旋转.
    作者:达人设计 LV.1 浏览(33533) 喜欢(0) 评论(0)


    @keyframes rotation{
      from {-webkit-transform: rotate(0deg);}
      to {-webkit-transform: rotate(360deg);}
    }
    @-ms-keyframes rotation{
      0%{
        transform: rotate(0);
      }
      50%{
        transform:rotate(180deg);
      }
      100%{
        transform: rotate(360deg);
      }
    }
    @-webkit-keyframes rotation{
      from {-webkit-transform: rotate(0deg);}
      to {-webkit-transform: rotate(360deg);}
    }
    @-moz-keyframes rotation{
      from {-webkit-transform: rotate(0deg);}
      to {-webkit-transform: rotate(360deg);}
    }
    @-o-keyframes rotation{
      from {-webkit-transform: rotate(0deg);}
      to {-webkit-transform: rotate(360deg);}
    }
    .Rotation{
      -webkit-transform: rotate(360deg);
      animation: rotation 3s linear infinite;
      -ms-animation: rotation 3s linear infinite;
      -moz-animation: rotation 3s linear infinite;
      -webkit-animation: rotation 3s linear infinite;
      -o-animation: rotation 3s linear infinite;
    }

    •  
     点击图片添加 X
     点击图片添加 X