Css3是Css層疊樣式表技術的升級版本。
Css3對于Css來說就是多了很多的新屬性。然后Css3很多需要用圖片和腳本來實作的效果,現在只需要短短的幾行代碼就能搞定了。比如變形處理(旋轉,縮放,傾斜,移動),影片,圖片邊框,盒子陰影等。還有選擇器這些。
transform的原理比較特殊。
CSS3用四個函式可以實作簡單的變形用下面的圖舉個例子原本的位置:

1, translate位移函式:transform:translate(水平方向px,垂直方向px)基本含義就是將一個元素的顯示位置平移tx和ty。如圖平移后的效果。
2,scale縮放函式:transform:scale(水平方向放大的倍數,垂直方向放大的倍數)將一個元素按指定的倍數進行縮放。縮放兩倍后


3,rotate旋轉函式:transform:rotate(值deg)將一個元素按指定的角度旋轉


4, skew傾斜函式:transform:skew(ax,ay)將一個元素按指定的角度在x軸和y軸上傾斜。傾斜30deg后的效果

[align=center]
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/36909.html
標籤:火星財經
下一篇:telegram疑問請大神指點!
