문제:
다음과 같은 CSS 전환 효과를 적용할 때 분할을 이동하면 분할의 이미지가 흐릿해지거나 약간 위치가 바뀌는 등의 바람직하지 않은 동작이 Chrome에서 나타납니다. 이 문제는 페이지에 스크롤 막대가 있는 경우에만 지속됩니다.
해결책:
이러한 효과를 방지하려면 다음 CSS를 구현하세요. 변경 사항:
.your-class-name { /* ... */ -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); }
설명:
2020 업데이트:
위 내용은 내 CSS 전환으로 인해 Chrome에서 이미지가 흐릿해지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!