css3transform（CSS3 transform 属性）

CSS3 Transform简介

CSS3 Transform是一种用于对元素进行旋转、缩放、倾斜和平移的CSS属性。它可以通过改变元素的视觉呈现来改变元素的外观和位置，同时不影响其文档流。

一、旋转

旋转是CSS3 Transform的一个常用功能。通过rotate()函数，我们可以将元素以一定的角度进行旋转。角度可以使用正数表示顺时针旋转，负数表示逆时针旋转。例如，rotate(45deg)表示将元素顺时针旋转45度。

二、缩放

CSS3 Transform还可以用于对元素进行缩放。通过scale()函数，我们可以按照指定的比例来对元素进行放大或缩小。比例可以使用小数表示缩小，也可以使用大于1的数字表示放大。例如，scale(0.5)表示将元素缩小为原来的一半。

三、倾斜

倾斜也是CSS3 Transform的一个功能。通过skew()函数，我们可以对元素进行倾斜。倾斜可以按照指定的角度和方向进行，可以分别指定水平和垂直的倾斜程度。例如，skew(30deg, 45deg)表示将元素水平倾斜30度，垂直倾斜45度。

四、平移

平移也是CSS3 Transform的一个重要功能。通过translate()函数，我们可以对元素进行平移，改变元素的位置。平移可以按照指定的距离和方向进行，可以分别指定水平和垂直的平移距离。例如，translate(50px, 100px)表示将元素向右平移50像素，向下平移100像素。

综上所述，CSS3 Transform是一个强大的CSS属性，它可以实现元素的旋转、缩放、倾斜和平移等多种效果。我们可以根据需要灵活运用这些功能，从而使网页的视觉效果更加丰富和吸引人。