学习css3的transform属性,三个常用的属性:
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
1 translate()方法:元素从其当前位置移动,根据给定的left和top的坐标决定。
例如:
2 rotate() 方法 通过 rotate() 方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。
3 scale()方法,通过 scale() 方法,元素的尺寸会增加或减少,根据给定的宽度(X 轴)和高度(Y 轴)参数:
例如:
====================================================================================
利用rotate()画出一个太阳
css代码:
html代码:
效果如下: