CSS動畫支持

Question

我正在使用關鍵幀將動畫添加到我網站的某些部分。動畫與頁面內容一起淡入。我的問題是，如果用戶在不支持的瀏覽器中加載網站，文本是加載在頁​​面上還是不會顯示（因爲沒有動畫支持）？

Answer 1

你可以很容易地測試你自己。刪除動畫關鍵幀（或其他任何可以使動畫發生）並刷新頁面。如果文本顯示是，則會顯示在不支持動畫的瀏覽器上

至於實際的動畫本身，沒有看到它，很難說。如果文本的默認設置爲透明，則不透明度爲0，或者有display:none開始，那麼它可能不會顯示在不支持CSS3動畫的瀏覽器上。

在一個側面說明，CSS3動畫已pretty good support給你使用瀏覽器前綴爲老版本瀏覽器

Answer 2

CSS動畫與「to」和「從」或一堆關鍵幀「XX％」定義。但是在動畫啓動之前（或者如果它沒有啓動）以及完成之後，所有屬性都由樣式表的其餘部分定義，並且關鍵幀中的任何內容都不起作用。