利用transform屬性對(duì)目標(biāo)進(jìn)行旋轉(zhuǎn)、縮放和位移涮较,代碼如下:
<style>
? ? img{
? ? ? ? transform:scale(2);? //放大2倍
? ? }
</style>
原圖:
放大之后:
<style>
? ? img{
? ? ? ? transform: rotate(180deg); //旋轉(zhuǎn)180度
? ? }
</style>
效果:
<style>
? ? img{
? ? ? ? transform: translate(100px,100px); //x方向右移100px稠鼻,y方向下移100px;
? ? }
</style>
效果:
<style>
? ? img{
? ? ? ? transform:translate(100px,100px)scale(2)rotate(180deg); //位移法希、縮放和旋轉(zhuǎn)
? ? }
</style>