2012-10-12 4 views
1

Phonegap을 사용하여 갤러리로 응용 프로그램을 만들려고합니다. 여기서는 jQuery와 iScroll4를 사용하고 있습니다.Phonegap Android에서 부드러운 3D 변환

중앙 요소의 크기를 늘리는 효과가 필요합니다. 이렇게하려면 항목 부모 속성 -webkit-perspective : 1200px 및 항목 자체를 -webkit-transform: translateZ (150px); -webkit-transform-style: preserve-3d.으로 설정하면 좋지만 작동하지 않습니다. 안드로이드 2.2 (삼성 갤럭시)와 2.3 (빛나다 화재). 안드로이드 3.0 (모토로라 Xoom)에서 작동하지만, 육포.

-webkit-transform: scale (1.14)을 사용해 보았습니다. 모든 장치에서 작동하지만 여전히 바보가됩니다. 변화 높이/너비 또는 줌이있는 변형도 좋은 결과를 제공하지 못했습니다.

모든 (Android) 기기에서 어떻게 효과를 부드럽게 만들 수 있습니까?

유익한 답변에 감사드립니다.

+0

3D 변환을 사용하여 CSS3 규모는 안드로이드에 매우 좋지 않다. 너가 그들을 피할 수 있으면 너는해야한다. 이 문제에 별표를 추가하십시오. https://code.google.com/p/android/issues/detail?id=25147 –

+0

나는이를 피하고 싶지만 어떻게 다른 방식으로이 효과를 만들 수 있습니까? –

답변

1

은 어쩌면 이것은 절대 위치를

<html> 
<head> 
<style type="text/css"> 
img { 
    position:absolute; 
    top:50px; left:50px; 
    height:60px; width:80px; 
    -webkit-transition:all 0.2s ease; 
} 
img:hover { 
    top:35px; left:30px; 
    height:90px; width:120px; 
} 
</style> 
</head> 

<body> 
    <img src="image.png" /> 
</body> 
</html> 
관련 문제