mark幾種

簡單介紹下為什麼需要相容性寫法：

1. 試驗一些還未成為標準的的CSS屬性——也許永遠不會成為標準，

2. 對新出現的標準的CSS3屬性特徵做實驗性的實現，

3. 對CSS3中一些新屬性做等效語義的個性實現。

再簡單一點：你的衣食父母沒有使用現代瀏覽器，或者一直沒有更新瀏覽器的版本.........

下面開始記錄

-moz-     /* 火狐等使用Mozilla瀏覽器引擎的瀏覽器 */
-webkit-  /* Safari, 谷歌瀏覽器等使用Webkit引擎的瀏覽器 */
-o-       /* Opera瀏覽器(早期) */
-ms-      /* Internet Explorer (不一定) */ 
 

舉個例子border-radius

-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px;

這裡必須注意的是標準寫法（不帶字首的）必須放在最後，否則容易造成渲染出意外的結果~

以下為需要的幾種屬性

1. @keyframes

2. 移動和變換屬性(transition-property, transition-duration, transition-timing-function, transition-delay)

3. 動畫屬性 (animation-name, animation-duration, animation-timing-function, animation-delay)

4. border-radius

5. box-shadow

6. backface-visibility

7. flex

8. column

9. perspective

後面有用到其他的在慢慢補充吧~