transform: rotate(30deg);
通过rotate函数可以使元素沿中心轴旋转,这里的角度是相对于X轴的逆时针方向,如rotate(30deg)表示元素顺时针旋转30度。
transform: translate(20px, 20px);
通过translate函数可以使元素在水平和垂直方向上移动。这里的参数是指移动的距离,可以为正数或负数。
transform: scale(2);
通过scale函数可以使元素放大或缩小。这里的参数是指缩放比例,如scale(2)表示元素放大两倍。
transform: skew(30deg, 20deg);
通过skew函数可以使元素倾斜。这里的参数是指垂直和水平方向上的倾斜角度。
以上只是变形函数的一部分,还有其他更加复杂的函数可以使用。通过合理运用这些函数,大家可以实现更加精美生动的网页特效。