利用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>