이미지 크기 by -webkit-transform

Question

본문에 img가 하나 있습니다.

$(function() { 
    var body = $("body"), 
    scaled; 
    $("img").click(function() { 
     if(scaled) { 
      body.css("-webkit-transform", "scale3d(1, 1, 1)");  
     } else { 
      body.css("-webkit-transition", "-webkit-transform 0.2s ease");  
      body.css("-webkit-transform", "scale3d(8, 8, 1)");  
     } 
     scaled = !scaled; 
    }); 
}); 

나는 이미지를 클릭하고있다.

8x까지의 배율은 부드럽습니다. 1 배 8 배에서 먼저 규모가 8 배에서 나쁜 ( 두 번째로 규모가 원활 1 배하는 것입니다

이미지를 클릭 ... 크롬에 대한

바이올린 :. example이

난 단지 사용할 수 있습니다 -webkit-변환 ,

나는

는 무엇을 할 ... 캐시 애니메이션있을 수 있습니다 할 수있는 방법?

IE11에서는 모든 것이 OK입니다. Chrome에서 문제를 해결할 수 없습니다.

Answer 1

이 당신을 위해 무엇을 찾고있는 사람입니다 :

* { 
    -webkit-transform: translate3d(0,0,0); 
} 

The fiddle