Safari上的CSS輕鬆轉換Chrome瀏覽器

Question

查看我的網站上的Chrome瀏覽器，然後Safari瀏覽器。稍微滾動時，請查看頂部的橫幅過渡。

https://www.successpartnersuniversity.com/speakers

nav{ 
    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    -ms-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
} 

這是相當尷尬......在Chrome和Firefox，而不是一個單一的像素在緩解過渡跳過。但在Safari瀏覽器中它是可怕的...鏈接太喇叭頁面是最糟糕的，但關於頁面是好得多..這也是奇怪的。

我發現了很多網站，解釋了爲什麼...我不在乎...有沒有人有任何我可以做的嘗試讓它變得更好？

謝謝！

Answer 1

我相信某些Safari可能會遇到使用'all'的問題。針對Safari瀏覽器時，請嘗試使用'all'的替代方法來實現您的效果。

瞭解更多：http://joelglovier.com/writing/solution-for-css-transitions-crashing-safari