1. 程式人生 > >CSS3字型、2D轉換、3D轉換

CSS3字型、2D轉換、3D轉換

字型:font-family、font-weight、font-style、unicode-range(字元範圍)、font-stretch(如何拉伸)

2D轉換(transform):對元素進行移動、縮放、轉動、拉長或拉伸

translate(X,Y):沿X軸或Y軸移動   

rotate(deg):順時針旋轉,負值(逆時針旋轉)

scale(x倍,y倍):x軸y軸放大倍數   

skew(deg,deg):X軸、Y軸傾斜角度 。如果第二個引數為空,則預設為0,引數為負表示向相反方向傾斜。

matrix()  :六個引數,包含旋轉,縮放,移動(平移)和傾斜功能

transform-Origin屬性允許您更改轉換元素的位置

transform-origin: x-axis y-axis z-axis;(2D,則x軸、y軸)

3D轉換:

rotateX()、rotateY()方法,圍繞其在一個給定度數X、Y軸旋轉的元素。

 

: