用css3的属性transform画一个太阳

学习css3的transform属性，三个常用的属性：

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

    1 translate()方法：元素从其当前位置移动，根据给定的left和top的坐标决定。

　　例如：

 

2 rotate() 方法 通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。

 

3 scale()方法，通过 scale() 方法，元素的尺寸会增加或减少，根据给定的宽度（X 轴）和高度（Y 轴）参数：

例如：

====================================================================================

利用rotate()画出一个太阳

css代码：

html代码：

 

效果如下：