首頁  >  文章  >  web前端  >  為什麼我的 CSS 轉換會導致 Chrome 頁面載入時閃爍?

為什麼我的 CSS 轉換會導致 Chrome 頁面載入時閃爍?

Susan Sarandon
Susan Sarandon原創
2024-10-31 05:46:02767瀏覽

Why Does My CSS Transition Cause Flickering At Page Load in Chrome?

消除頁面載入時CSS 過渡閃爍

問題:

問題:

CSS 過渡會引發不必要的錯誤頁面載入期間閃爍效果,將元素從黑色過渡到指定的顏色。

原因:

當網頁包含

Chrome 中的一個錯誤會在網頁包含
    時啟動 CSS 轉換。表格>
  1. 解:

    解決閃爍問題:

    <code class="html"><script> </script></code>
  2. 加入一個空的<script>元素。標籤:<strong></script>

    合併<script>頁腳中單一空格的標籤:<p><pre class="brush:php;toolbar:false"><code class="sass">.class { @transition(color .2s); color: #000; &:hover { color: #FFFF00; } }</script>

使用SASS 或Less:

使用SASS 或Less:
  • 使用SASS 或Less:
使用SASS 或Less:使用SASS 或Less:合併諸如SASS 或Less之類的預處理器來換行函數中的轉換宣告:附加說明:在https: //crbug 追蹤錯誤進度.com/332189 和https://crbug.com/167083。 所提供的解決方案專門針對 Chrome 瀏覽器。

以上是為什麼我的 CSS 轉換會導致 Chrome 頁面載入時閃爍?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn