鼠标hover时按钮旋转，离开时也旋转

最新推荐文章于 2023-01-04 15:33:49 发布

_wayliu

最新推荐文章于 2023-01-04 15:33:49 发布

阅读量747

点赞数

分类专栏：工作小点滴文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_44499465/article/details/108751946

版权

工作小点滴专栏收录该内容

4 篇文章

订阅专栏

// 视频关闭按钮
    &-btn {
      position: absolute;
      top: 0;
      right: 0;
      #wh(31px,29px);
      background-image: url(../../img/mh/video-close.png);
      transition: all 2s;
      &:hover {
        background-image: url(../../img/mh/video-close-h.png);
        transform: rotate(720deg);
      }
    }

在元素里使用transition，在hover里写transform