css3新增樣式介紹

2022-04-20 11:26:58 字數 663 閱讀 5877

-webkit-transform:rotate(-3deg); // 給chrome和safari等webkit核心的瀏覽器使用   

-moz-transform:rotate(-3deg);    // 給firefox瀏覽器使用   

-ms-transform:rotate(-3deg);     // 給ie瀏覽器使用   

-o-transform:rotate(-3deg);      // 給opera瀏覽器使用   

transform:rotate(-3deg);         // 給支援css3瀏覽器使用   

border-radius:5px;          //設定4個角且圓角半徑長度為5px;  

border-top-left-radius:5px; //設定上左第乙個角且圓角半徑長度為5px;其他使用我們可以參考手冊,用起來很簡單  

transform:translate(10px,10px) //該元素水平和垂直各移動10個畫素  

transform:rotate(10deg)        //該元素旋轉10度  

transform:scale(2)             //該元素放大兩倍  

transform:skew(10deg,10deg)    //該元素對應x軸和y軸斜切扭曲10度  

css3文字新增樣式

1.opacity opacity屬性指定了乙個元素的透明度。換言之,opacity屬性指定了乙個元素後面的背景的被覆蓋程度。當opacity屬性的值應用於某個元素上時,是把這個元素 包括它的內容 當成乙個整體看待,即使這個值沒有被子元素繼承。因此,乙個元素和它包含的子元素都會具有和元素背景相同的透...

css3新增的樣式以及浮動

border radius 設定元素的外邊框圓角border radius length 屬性值 數值 5px 10px 百分比 該屬性是乙個簡寫屬性,可以跟四個值,分別代表左上角 右上角 右下角 左下角 單獨設定 border top left radius 左上角 border top righ...

CSS3文字新增樣式

opacity屬性指定了乙個元素的透明度 預設值 1.0 不可繼承 列 divrgba 函式使用紅 r 綠 g 藍 b 透明度 a 的疊加來生成各式各樣的顏色。列 p1 紅 p2 綠 p3 藍 基本文字陰影 text shadow 語法 text shadow h shadow v shadow b...