Dreamweaver是一款強大的網頁設計工具,其中CSS旋轉屬性是其眾多功能之一。
transform : rotate(30deg);
這行代碼可以將元素旋轉30度(順時針方向)。我們也可以使用負值來進行逆時針旋轉:
transform : rotate(-30deg);
上述示例是使用度數來控制旋轉的,但是也可以使用“turns(圈數)”或“radians(弧度)”:
transform : rotate(0.5turn); transform : rotate(1.0472rad);
CSS旋轉屬性不僅局限于2D效果,還可以用于3D旋轉。我們可以在屬性值中指定X、Y或Z軸:
transform : rotateX(30deg); transform : rotateY(30deg); transform : rotateZ(30deg);
這樣就可以在3D空間里旋轉元素,給人眼前一亮的效果。
上一篇dw軟件css復合內容
下一篇css文字加外邊框