1. 平移变形
元素 { transform: translate(50px, 100px); }
2. 缩放变形
元素 { transform: scale(2, 0.5); }
3. 旋转变形
元素 { transform: rotate(45deg); }
4. 倾斜变形
元素 { transform: skew(20deg, 10deg); }
5. 3D变形
元素 { transform: perspective(1000px) rotateX(45deg); }
总结:
CSS变形可以通过设置transform属性来实现,在设计网页上非常有用。CSS变形可以使你的页面更加生动,增加吸引力。不过,在进行CSS变形时,需要注意兼容性问题,以及对性能造成的影响。