這幾天比較忙,因此今天直接進入這題吧!隨着時代的進步,網絡的發展。css3面世了,下面我我簡單介紹幾種css3的屬性。
1.變換(transform): css
(1).平移(translate)。translate(<length>[, <length>]):指定對象的2D translation(2D平移)。第一個參數對應X軸,第二個參數對應Y軸。若是第二個參數未提供,則默認值爲0;
(2).旋轉(rotate)。rotate(<angle>):指定對象的2D rotation(2D旋轉),需先有transform-origin屬性的定義。transform-origin屬性就是指的旋轉的中心點位置。
(3).縮放(scale)。scale(<number>[, <number>]):指定對象的2D scale(2D縮放)。第一個參數對應X軸,第二個參數對應Y軸。若是第二個參數未提供,則默認取第一個參數的值。
(4).斜切扭曲(skew)。skew(<angle> [, <angle>]):指定對象skew transformation(斜切扭曲)。第一個參數對應X軸,第二個參數對應Y軸。若是第二個參數未提供,則默認值爲0。 css3
2.盒子陰影:box-shadow:水平縮放數值,垂直縮放數值,陰影模糊值,陰影延伸值,顏色。 瀏覽器
3.過渡(transition)。可讓你的做品看起來更完美。-瀏覽器內核-transition:參與過渡的屬性 持續時間 過渡類型 延遲時間; 網絡