方法:1、利用transform屬性和rotate函數(shù)設(shè)置元素旋轉(zhuǎn),語法為“transform:scale(角度);”;2、利用transform屬性和scale函數(shù)設(shè)置元素放大縮小,語法為“transform:scale(縮放倍數(shù));”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3怎樣旋轉(zhuǎn)放大縮小
在css中,可以利用transform屬性對元素旋轉(zhuǎn)放大和縮小。
當(dāng)該屬性與rotate函數(shù)配合使用時,可以設(shè)置元素進(jìn)行旋轉(zhuǎn)操作,當(dāng)transform屬性與scale函數(shù)配合使用是可以對元素進(jìn)行放大縮小操作。
示例如下:
<html> <head> <style> .img1{ transform:rotate(45deg); } .img2{ transform:scale(0.5); } .img3{ transform:scale(1.545deg); } </style> </head> <body> <img src="1118.02.png" class="img1"> <img src="1118.02.png" class="img2"> <img src="1118.02.png" class="img3"> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)