>웹 프론트엔드 >CSS 튜토리얼 >iPhone에서 CSS 애니메이션이 깜박이는 이유는 무엇이며 어떻게 해결할 수 있습니까?

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

DDD
DDD원래의
2024-12-06 03:42:09758검색

Why is My CSS Animation Flickering on iPhone, and How Can I Fix It?

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

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

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

해결책:

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

문제 해결 코드:

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

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

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