css3有圖片縮小屬性,該屬性是Transform;Transform屬性允許對元素進行旋轉、縮放、移動、傾斜等操作,當該屬性與scale方法配合使用,就可以設定圖片縮小,語法為「圖片物件{transform:scale(縮放倍數)}」。
本教學操作環境:windows10系統、CSS3&&HTML5版本、Dell G3電腦。
css3有圖片縮小屬性
transform 屬性向元素套用 2D 或 3D 轉換。此屬性允許我們對元素進行旋轉、縮放、移動或傾斜。
scale(x,y)方法定義 2D 縮放轉換。
範例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css</title> <style> img{ transform:scale(0.5,0.5); } </style> </head> <body> <img src="1118.02.png" alt="css3有圖片縮小屬性嗎" > </body> </html>
輸出結果:
原始大小為:
(學習影片分享:css影片教學)
以上是css3有圖片縮小屬性嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!