达人设计 V
    职业:网页设计
    LV.1 2020-03-06 19:32:45 分享 举报
    内容简介:css鼠标经过旋转一圈。
    css鼠标经过旋转一圈
    2020-03-06 19:32:45 作者:达人设计 LV.1 职业:网页设计 浏览(16) 喜欢(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 {
      cursor:pointer;
    }
    .Rotation:hover{
      animation: rotation 1s 1;
      -ms-animation: rotation 1s 1;
      -moz-animation:rotation 1s 1;
      -webkit-animation:rotation 1s 1;
      -o-animation: rotation 1s 1;
    }

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