CSS实现图片上下拉伸技巧

CSS中可通过scaleY属性拉伸图片，接下来用实例详细说明如何实现上下拉伸效果。

1、 创建一个名为test.html的文件，通过实例讲解CSS实现图片上下拉伸的方法。

2、 在test.html中用img标签插入一张图片。

3、 在test.html中，将img标签的class属性设置为three。

4、 利用class属性在CSS中定义图片的显示样式。

5、 在CSS中通过transform属性设置scaleY为2，可使图片在垂直方向拉伸，数值越大拉伸效果越明显。

6、 用浏览器打开test.html文件，观察实际运行效果。

7、 用img标签插入图片，并将其class属性设为three。