幾種css屬性兼容性寫法

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;＠T

這裏必須注意的是標准寫法（不帶前綴的）必須放在最後，否則容易造成渲染出意外的結果~以下為需要的幾種屬性1. @keyframes2. 移動和變換屬性(transition-property, transition-duration, transition-timing-function, transition-delay)3. 動畫屬性 (animation-name, animation-duration, animation-timing-function, animation-delay)

4. border-radius5. box-shadow6. backface-visibility7. flex8. column9. perspective後面有用到其他的在慢慢補充吧~