如何使用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 条评论