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。
