如何在HTML中用CSS對(duì)圖片進(jìn)行縮放？CSS3中添加了一個(gè)新屬性。例如，Transform:scale（）可以放大和縮小圖片。變換：縮放（0.5）表示引用此樣式的內(nèi)容減少了一半。相反，如果括號(hào)中的值

如何在HTML中用CSS對(duì)圖片進(jìn)行縮放？

CSS3中添加了一個(gè)新屬性。例如，Transform:scale（）可以放大和縮小圖片。變換：縮放（0.5）表示引用此樣式的內(nèi)容減少了一半。相反，如果括號(hào)中的值是（1.5），則表示內(nèi)容已放大1.5倍。舉例說(shuō)明（0.5）縮小圖片和（1.5）放大圖片的效果。附加源代碼以供參考

您可以使用CSS3中的“transform:scale（）”屬性來(lái)縮放圖像。

1. 創(chuàng)建新的HTML文檔，在body標(biāo)簽中添加圖像，將CSS屬性設(shè)置為圖像，添加“tansform”縮放屬性，屬性值為“scaleX（n）”，scaleX（n）表示寬度縮放，n表示縮放比：

2。將transform的屬性值改為“Scaley（n）”，Scaley（n）表示高度縮放，n表示縮放比例：