iPhone에서 CSS 애니메이션이 깜박이는 이유는 무엇이며 어떻게 해결할 수 있습니까?

iPhone WebKit에서 깜박이는 CSS 애니메이션

iPhone 애플리케이션에서 게임에 사용되는 CSS 애니메이션으로 인해 깜박거림이 발생했습니다. 스크롤한 후 요소가 제자리에 고정될 때 깜박임이 발생했습니다. 사용된 유일한 WebKit 애니메이션은 전환(즉시 또는 0.2초 이지 아웃) 및 번역용이었습니다.

"항목 일치"를 클릭하고 "다시 재생"을 클릭하면 액세서리/지갑의 전체 배경이 흰색으로 변했습니다. 총이 스크롤되는 애니메이션 중에

해결책:

추가 -webkit-backface-visibility는 깜박임을 줄이는 데 도움이 되었지만 페이지를 다시 로드한 후에도 초기 깜박임이 지속되었습니다. 완전한 솔루션에는 -webkit-perspective: 1000을 추가하는 것이 포함되었습니다. 이 추가 속성을 사용하면 깜박임이 제거되었습니다.

문제 해결 코드:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

위 내용은 iPhone에서 CSS 애니메이션이 깜박이는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!