CSS中的变形

CSS3的变形功能可以对HTML组件执行位移,旋转,缩放,倾斜4中几何变换,这样的变换可以控制HTML组件呈现出丰富的外观。

CSS3动画---transform变形

transform:该属性用于设置变形,该属性支持一个或多个变形函数.

rotate(angle):该函数用于设置元素旋转的度数。

Skew(sx,yx):该函数用于设置元素的一个扭曲效果。

Scale(x,y):该函数让元素根据中心原点对对象进行缩放

translate(tx,ty):该函数用于设置元素的位移。

旋转rotate(-30deg)函数通过指定的角度参数使元素相对原点进行旋转。

如果这个值为正值，元素相对原点中心顺时针旋转;如果这个值为负值，元素相对原点中心逆时针旋转

下面我写一个简单的呈现出旋转效果的代码吧;

代码如下:

<