如何使用HTML5+CSS3控制HTML标签元素移动

2024-10-14 01:19:21

1、第一步,双击打开HBuilder编辑工具,新建静态页面trans.html,如下图所示:

如何使用HTML5+CSS3控制HTML标签元素移动

3、第三步,利用CSS的ID选择器设置div标签元素的宽度和高度,以及背景色,如下图所示:

如何使用HTML5+CSS3控制HTML标签元素移动

5、第五步,使用CSS3属性transform,设置属性值为translate(100px,100px); 代表向下移动100px,向右移动100px,如下图所示:

如何使用HTML5+CSS3控制HTML标签元素移动
猜你喜欢