크롬 : 흐림

Question

나는 사파리하지 않는 반면 나는, 본체에 흐리게 클래스를 추가 할 때

body 
    transition(all 1s) 
    &.blurred 
     pointer-events none 
     transition(all 1s) 
     -webkit-filter blur(5px) 

크롬이 깜박 내 페이지의 본문에 흐림 전환을 적용하고있다.

http://jsfiddle.net/j89Zs/

이 문제를 해결하지 않는 -webkit-backface-visibility: hidden 추가. 첫 번째 깜박임을 제거하는 것처럼 보이지만 흐림 효과가 적용된 후에도 Chrome이 계속 깜박입니다. 특히 몸에 많은 콘텐츠/div가있는 경우 특히 그렇습니다.

깜박임없이 같은 효과를 얻을 수있는 방법이 있습니까?

Answer 1

나는 (OSX 매버릭스에 크롬 35.0) 깜박임을 보이지 않아요하지만 나는 종종 다음과 같은 찾을가 웹킷에 깜박 애니메이션을 해결하기 위해 작동합니다 슬프게도

-webkit-transform: translateZ(0); 
-webkit-backface-visibility: hidden; 
-webkit-perspective: 1000;