>웹 프론트엔드 >CSS 튜토리얼 >Chrome에서 페이지 로드 시 CSS 전환이 깜박이는 이유는 무엇입니까?

Chrome에서 페이지 로드 시 CSS 전환이 깜박이는 이유는 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-10-30 21:10:301071검색

Why Do My CSS Transitions Flash on Page Load in Chrome?

페이지 로드 시 불규칙한 CSS 전환 실행 문제 해결

CSS 전환과 관련된 일반적인 시나리오에서 개발자는 페이지 로드 시 요소가 깜박이는 바람직하지 않은 시각적 효과를 경험하는 경우가 많습니다. 이 문제는 전환 속성이 ​​요소에 적용될 때 발생하며, 그 결과 초기 표시 시 검정색에서 할당된 색상으로 색상이 전환됩니다.

이 문제를 해결하려면 브라우저의 개입을 고려하는 것이 중요합니다. 이 문제는 특히 Google Chrome의 버그로 확인되었습니다. 근본 원인은 웹페이지에

요소.

간단하고 효과적인 해결책은 빈 <script> 단일 공백만 포함하는 페이지 바닥글에 태그를 추가합니다. 이 작은 조정으로 문제가 해결되어 페이지 로드 시 불필요한 전환이 방지됩니다.</script>

<code class="html"><script> </script></code>

더 자세한 내용을 알고 싶으신 분들은 다음 링크에서 이 문제의 진행 상황을 확인하실 수 있습니다.

  • https://crbug.com/332189
  • https://crbug.com/167083

위 내용은 Chrome에서 페이지 로드 시 CSS 전환이 깜박이는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.