CSS 전환 (번역) 점멸

Question

나는 전환이 발사 될 때 발생하는 깜박임을 해결하려면 두

-webkit-backface-visibility: hidden; 

그리고

-webkit-perspective: 1000; 

을 시도했다, 그러나 아무것도 작동하지 않습니다. 다른 방법으로이 문제를 해결할 수 있습니까?

Answer 1

이 오히려 비 과학적이지만, -webkit-transform: translate3d(0, 0, 0);

그것은 어떤 차이가 없어야 추가 시도, 아마 미래에 어떤 차이가없는 것 (0, 0, 0의 번역은 결국 "아무것도하지 않는"을 의미) 그러나 때로는 3D 가속을 애니메이션 및 전환을 부드럽게 할 수있는 방식으로 사용해야합니다. 사파리에서 깜박 거리는 애니메이션을 멋지게 분류 해 냈습니다. (그리고 깜박 거리는 것은 정말로, 정말로 무시 무시하게 사파리 iPad에).

이것은 1990 년대의 마법 단어 - 웹 페이지 추가 기능이지만 때때로 작동합니다.