transform: scaleX(2);
上述代码会将元素在水平方向上拉伸2倍，而垂直方向不变。
transform: scaleY(0.5);
上述代码会将元素在垂直方向上压缩一半，而水平方向不变。
若同时在水平和垂直方向上进行变形，则可以使用scale()函数:
transform: scale(2, 0.5);
上述代码会将元素在水平方向上拉伸2倍，垂直方向上压缩一半。
若需要拉伸变形同时也改变元素的位置，则可以结合使用translate()函数:
transform: scale(2, 0.5) translate(50px, -20px);
上述代码会将元素在水平方向上拉伸2倍，垂直方向上压缩一半，并且向右移动50px，向上移动20px。
除了上述的拉伸变形，还有其它的变形效果，如旋转、倾斜等，这些变形不仅可以单独使用，也可以结合使用，通过不同的变形组合来实现独特的效果。