css3旋转,缩放,位移

旋转 rotate(n)
旋转函数rotate()通过指定的角度参数使元素相对原点进行旋转;
n为参数,用于设置旋转的角度,如果为正,元素相对原点中心顺时针旋转;如果为负,逆时针旋转。
代码如下:
css3旋转,缩放,位移
下面代码考虑到在不同浏览器兼容性不同
css3旋转,缩放,位移
缩放scale()
定义:让元素根据中心原点对对象进行缩放。
3种使用情况:
scale(x,y) 使元素水平方向和垂直方向同时缩放
scaleX(x) 元素仅水平方向缩放
scaleY(y) 元素仅垂直方向缩放
注意:scale()的取值默认为1,当值设置为0.01到0.99之间的任何值,作用使一个元素缩小;而任何大于等于1.01的值,作用让元素放大。
代码如下:
css3旋转,缩放,位移
位移translate
定义:元素向指定的方向移动;

三种情况:
translate(x,y)水平方向和垂直方向同时移动;
translateX(x)仅水平方向移动;
translateY(y)仅垂直方向移动;
代码如下:
css3旋转,缩放,位移
本题材有来源于老师教程。

相关文章:

  • 2021-11-13
  • 2022-12-23
  • 2022-01-24
  • 2021-06-01
  • 2022-02-08
  • 2021-10-21
  • 2022-01-08
  • 2022-12-23
猜你喜欢
  • 2021-07-08
  • 2022-01-20
  • 2021-12-20
  • 2021-11-29
  • 2022-12-23
  • 2022-02-08
  • 2022-03-06
相关资源
相似解决方案