使用 CSS 樣式前綴可以幫助我們更好地控制代碼的效果。當我們在編寫 CSS 樣式時,有時候我們不確定某個樣式屬性是否可以支持某個瀏覽器,這時候我們就可以使用 CSS 前綴來保證我們的樣式在該瀏覽器中能夠正確顯示。
例如,當我們想要給某個元素設置動畫效果時,我們可以使用以下代碼:
animation: your-animation 1s linear;
然而,有些瀏覽器并不支持這個屬性,這時候我們就需要給它加上前綴:
-webkit-animation: your-animation 1s linear; /* Safari 和 Chrome */ -moz-animation: your-animation 1s linear; /* Firefox */ -o-animation: your-animation 1s linear; /* Opera */ animation: your-animation 1s linear; /* 非常新的瀏覽器 */
這樣我們就可以保證我們的動畫效果在各個瀏覽器中都能夠正確顯示。
上一篇css樣式加一個正方形框
下一篇css樣式加圖片怎么加