CSS3樣式transform屬性值rotate是控制元素旋轉(zhuǎn)，而它的屬性值translate是控制元素移動，一般情況是從一個坐標點移動到另一個坐標點。下面利用一個實例說明HTML5 CSS3控制標簽

CSS3樣式transform屬性值rotate是控制元素旋轉(zhuǎn)，而它的屬性值translate是控制元素移動，一般情況是從一個坐標點移動到另一個坐標點。下面利用一個實例說明HTML5 CSS3控制標簽元素移動。

第一步：打開編輯工具并創(chuàng)建靜態(tài)頁面

首先，雙擊打開HBuilder編輯工具，新建一個名為的靜態(tài)頁面。

第二步：插入div標簽元素

在lt;bodygt;標簽元素內(nèi)插入一個lt;divgt;標簽，并設置ID屬性值為"move"。

第三步：設置div標簽元素的樣式

利用CSS的ID選擇器設置div標簽元素的寬度、高度和背景色。

第四步：保存代碼并預覽頁面

保存代碼并預覽該靜態(tài)頁面，可以看到頁面顯示一個正方形圖形。

第五步：使用CSS3屬性transform設置移動效果

使用CSS3屬性transform，設置屬性值為"translate(100px, 100px)"，表示向下移動100px，向右移動100px。

第六步：保存代碼并重新預覽頁面

再次保存代碼并預覽該靜態(tài)頁面，可以看到頁面移動了100px。