css兼容瀏覽器代碼設置

/* 簡單屬性 */ .myClass {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;-ms-animation-name: fadeIn;animation-name: fadeIn; /* 不帶前綴的放到最后 */ } /* 復雜屬性 keyframes */ @-webkit-keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 0; } } @-moz-keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 0; } } @-o-keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 0; } } /* 不帶前綴的放到最后 */ @keyframes fadeIn {0% { opacity: 0; } 100% { opacity: 0; } }

總結

以上是生活随笔為你收集整理的CSS兼容各个浏览器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。