达人设计 V
    职业:网页设计
    LV.1 2020-03-06 19:29:51 分享 举报
    内容简介:css一直旋转.
    css一直旋转
    2020-03-06 19:29:51 作者:达人设计 LV.1 职业:网页设计 浏览(14) 喜欢(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;
    }

    •  最多可以输入200个字符
     双击图片添加 X
     双击图片添加 X
    用户协议 |网页设计 |联系我们 |帮助中心 |网站地图 |app下载 |微信
    技术支持: 达人设计   版权所有:© 达人设计   邮箱:605034058@qq.com   电话:13622397622   地址:深圳市南山区西丽社区西丽