如何使用CSS3對HTML元素進行移動、轉動、縮放

新建一個html文件，定名為test.html，用于講解利用CSS3對HTML元素進行移動、縮放、動彈的結果。

在CSS3中，可以利用translate()方式對HTML元素進行移動，translate(50px,100px) 的意思是把HTML元素標的目的左側移動50px，從頂端移動100px。例如，新建兩個div，對比結果，代碼如下：

在瀏覽器運行test.html，查看結果。當作功利用translate（）移動div元素。

在CSS3中，可以利用rotate()方式對HTML進行扭轉，括號內可以設置扭轉的角度，可所以正值，也可以負值。

在瀏覽器運行test.html，查看結果。當作功利用rotate（）扭轉div元素。

在CSS3中，可以利用scale()方式對HTML進行縮放，括號內可以設置寬度（X 軸）和高度（Y 軸）。

在瀏覽器運行test.html，查看結果。當作功利用scale（）縮放div元素。

0 條評論