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