페이지 로드 시 CSS 전환 시작 억제

특정 상황에서는 페이지 로드 중에 CSS 전환이 실수로 활성화되어 요소가 깜박일 수 있습니다. 이 문제는 요소에 색상 전환을 적용할 때 발생할 수 있습니다.

제공된 예에 따라:

CSS:

p.green {
   color: green;
   transition: color .2s;
}

p.green:hover {
   color: yellow;
}

HTML:

<p class="green">The Flashing Text</p>

페이지가 로드되면

요소 내의 텍스트가 검정색(초기 색상)에서 녹색으로 전환됩니다. 이러한 동작은 원하지 않으며 시각적으로 방해가 될 수 있습니다.

이러한 의도하지 않은 전환을 방지하려면 Chrome 동작의 고유한 측면을 활용하는 솔루션이 필요합니다. 페이지에

<script> </script>

이 간단한 해결 방법은 빈