便宜VPS网12.CSS3的Transform详解
translate()：移动元素对象。scale()：缩放元素对象。rotate()：旋转元素对象。skew()：倾斜元素对象。
rotate：旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是center center)加上 transform-origin 设置旋转点。
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
transition过渡属性transition-property 属性规定应用过渡效果的 CSS 属性的名称 比如：widthtransition-property： none|all|property；transition-duration属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。
CSS3的transform属性的用法?
语法：none|transform-function[transform-function]* 初始值是none。transform-function函数取值：matrix()：定义矩阵变换。translate()：移动元素对象。scale()：缩放元素对象。rotate()：旋转元素对象。skew()：倾斜元素对象。
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
transition属性是在表现时间经过的变化时使用，具体来说，你可以通过点击光标逐渐更改背景颜色等，还有其他的animation 属性，但过渡属性用于进行相对简单的变化时使用。
CSS3 transform属性作用：transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。语法：transform： none|transform-functions；可有属性值说明：none：定义不进行转换。
css中transform的使用
css transform属性怎么用？作用：transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。语法：transform： none|transform-functions说明：● none 定义不进行转换。
允许负值，元素将逆时针旋转rotate(30deg)表示旋转30度matrix()方法skew(x-angle，y-angle)定义 2D 倾斜转换，沿着 X 和 Y 轴。
解释：在CSS中，transform属性用来对元素进行变形操作，包括旋转、缩放、倾斜和平移等。而在设置父元素的transform属性时，需要注意一些细节，以确保子元素能够正确地继承父元素的transform属性。
要在CSS中实现上下门的移动效果，你可以使用CSS的transform属性来设置门的位移效果。
