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

페이지 로드 시 CSS 전환 깜박임 제거

문제:

CSS 전환으로 인해 원치 않는 오류가 발생합니다. 페이지 로드 중 깜박임 효과, 요소를 검은색에서 할당된 색상으로 전환.

원인:

웹페이지에 element.

해결책:

깜빡이는 문제를 해결하려면:

1. 빈 <script> 태그:</script>

   <script> 페이지 바닥글에 단일 공백이 포함된 태그:</script>

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

2. SASS 또는 Less 활용:

   SASS 또는 Less와 같은 전처리기를 통합하여 래핑 함수의 전환 선언:

   <code class="sass">.class {
     @transition(color .2s);
   
     color: #000;
   
     &:hover {
       color: #FFFF00;
     }
   }</code>

추가 참고 사항:

• https://crbug에서 버그 진행 상황을 추적하세요. .com/332189 및 https://crbug.com/167083.
• 제시된 솔루션은 특히 Chrome 브라우저를 다루고 있습니다.

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