border-radius:相容寫法：
-moz-border-radius: none | [/ ]?
-webkit-border-radius: none | [/ ]?
border-radius: none | [/ ]?
text-shadow:相容寫法：
text-shadow ： none | none | [, ] * 或none | [, ]*
也就是：
text-shadow:[顏色(color) x軸(x offset) y軸(y offset) 模糊半徑(blur)],[顏色(color) x軸(x offset) y軸(y offset) 模糊半徑(blur)]...
或者text-shadow:[x軸(x offset) y軸(y offset) 模糊半徑(blur) 顏色(color)],[x軸(x offset) y軸(y offset) 模糊半徑(blur) 顏色(color)]...
box-shadow相容寫法：
-moz-box-shadow: 投影方式 x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色;
//safari and google chrome10.0-
-webkit-box-shadow: 投影方式 x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色;
、 google chrome 10.0+ 、 oprea10.5+ and ie9
box-shadow: 投影方式 x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色;
transform相容寫法：
//mozilla核心瀏覽器：firefox3.5+
-moz-transform: rotate | scale | skew | translate ;
//webkit核心瀏覽器：safari and chrome
-webkit-transform: rotate | scale | skew | translate ;
//opera
-o-transform: rotate | scale | skew | translate ;
//ie9
-ms-transform: rotate | scale | skew | translate ;
//w3c標準
transform: rotate | scale | skew | translate ;
transition相容寫法：多個屬性同時使用，使用「，」分割
//mozilla核心
-moz-transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>
//webkit核心
-webkit-transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>
//opera
-o-transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>
//w3c 標準
transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>
應用例項1、旋轉的div層
transition的完美應用，在div層初始化的時候使用transition:all 持續時間 使用函式。
如果不考慮移除時迴轉，可以利用animation實現:
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...
CSS3資料之邊框
邊框圓角 屬性 border radius 圓角處理時，腦中要形成圓 圓心 橫軸 縱軸的概念，正圓是橢圓的一種特殊情況。如圖所示，我們將四個角標記成1 2 3 4，css裡提供了border radius來 分別設定這些角橫縱軸半徑，以 進行分隔，遵循 1，2，3，4 規則。前面的 1 4個用來設定...
CSS3 總結（二十） 彈性盒子（CSS3）
2.在彈性容器中可以設定min width max width屬性來限制彈性子元素的最小及最大縮放寬度。用在彈性容器 3.flex direction 屬性 用在彈性容器 指定了彈性子元素在父容器中的位置。值說明 row橫向從左到右排列 左對齊 預設的排列方式。row reverse 反轉橫向排列 ...