Phonegap中的平滑3d變形Android

我正在嘗試使用Phonegap使用圖庫創建應用程序。其中，我使用jQuery和iScroll4。Phonegap中的平滑3d變形Android

我需要做出增加中心元素大小的效果。爲此，我設置項目父級屬性-webkit-perspective：1200px和項目本身-webkit-transform: translateZ (150px); -webkit-transform-style: preserve-3d.它在Chrome中看起來不錯，但不起作用在Android 2.2（三星Galaxy）和2.3（Kindle Fire）上。在Android 3.0（摩托羅拉Xoom）它的工作，但生澀。

我試着用-webkit-transform: scale (1.14)。它適用於所有設備，但仍然很混亂。變化的高度/寬度或變焦的變體也沒有給出好的結果。

如何在所有（Android）設備上順利實現此效果？

我將不勝感激任何翔實的答案。

來源

2012-10-12 Сroissant32

3D轉換CSS3規模不是在Android上非常好。如果你能避免他們，你應該。請將您的明星添加到此問題中：https://code.google.com/p/android/issues/detail?id=25147 –

我想避開它們，但是如何才能以其他方式實現此效果？ –

也許這，使用絕對定位

<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>

來源

2012-10-16 17:50:43

Phonegap中的平滑3d變形Android

回答

相關問題