css3中的变形功能 |submit引入css

css同胞间距，less.css下载，css减少循环图耗时，css is宽度自适应，css中images上加文字，css中双击图片图片放大，submit引入css css3中的变形功能 |submit引入css

/* 旋转 */
.rotate {
transform: rotate(45deg);
}
/* 缩放 */
.scale {
transform: scale(1.5);
}
/* 倾斜 */
.skew {
transform: skew(20deg, 10deg);
}
/* 平移 */
.translate {
transform: translate(50px, -20px);
}
/* 3D */
.transform-3d {
transform: perspective(600px) rotateX(30deg);
}

需要注意的是，CSS3变形属性只能应用于HTML元素，而不是文本本身。如果想要应用文本的变形效果，可以使用CSS3的文本影响属性。例如：

/* 文本旋转 */
.rotate-text {
display: inline-block;
transform: rotate(90deg);
}

其他还有一些特殊的变形效果，例如渐变背景、圆角、多背景图像等等。了解这些特殊的变形效果可以让网页更美观、更有趣。

需要注意的是，CSS3变形属性可能会影响元素的视觉排列和布局，特别是在使用多个变形属性时。因此，在实现变形效果时，一定要注意元素的位置和大小，以免影响页面的整体布局。