0061 CSS3 之 2D 转换 rotate

2021-05-02 20:29

阅读：579

YPE html>

标签：shadow ott size absolute width form 顺时针方向 title

rotate 旋转
- 2D 旋转指的是让元素在二维平面内顺时针或者逆时针旋转
rotate 语法、使用步骤：
（1）给元素添加转换属性 transform
（2）属性值为 rotate(角度)，如 transform:rotate(30deg) 顺时针方向旋转30度

   /* 单位是：deg */
   transform: rotate(度数)

div{
      transform: rotate(0deg);
}

代码演示

img:hover {
  transform: rotate(360deg)
}





Document

技术图片








Document

技术图片

0061 CSS3 之 2D 转换 rotate

标签：shadow ott size absolute width form 顺时针方向 title

原文地址：https://www.cnblogs.com/jianjie/p/12127155.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：0061 CSS3 之 2D 转换 rotate
文章链接：http://soscw.com/index.php/essay/81487.html

亲，登录后才可以留言！