利用transform属性对目标进行旋转、缩放和位移,代码如下:
<style>
img{
transform:scale(2); //放大2倍
}
</style>
原图:
放大之后:
<style>
img{
transform: rotate(180deg); //旋转180度
}
</style>
效果:
<style>
img{
transform: translate(100px,100px); //x方向右移100px,y方向下移100px;
}
</style>
效果:
<style>
img{
transform:translate(100px,100px)scale(2)rotate(180deg); //位移、缩放和旋转
}
</style>