鬼谷網頁設計
CSS教學 –

transform語法

transform基本介紹
由於CSS一直在進步,讓現在的CSS3,也能做出旋轉、縮放、傾斜、移動的類似效果
此篇會介紹如何用CSS來讓物件做些簡單的2D動作
rotate為旋轉
skew為傾斜
scale為縮放
translate為移動
函數使用單位,通常會用的是deg(角度)和(%數),移動則可以使用(px)
以下將有範例顯示
transform-origin
此語法是用來配合transform,讓他指定要往哪個定位點開始
可以指定為(x,y)來做為定位點
也能直接設定left、right、center、top、bottom,指定要在哪邊開始