1

我正在尝试使用 Phonegap 制作带有画廊的应用程序。在其中，我使用 jQuery 和 iScroll4。

我需要制作增加中心元素大小的效果。为此，我设置了项目父属性 -webkit-perspective: 1200px 和项目本身-webkit-transform: translateZ (150px); -webkit-transform-style：preserve-3d。它在 Chrome 中看起来不错，但不适用于 Android 2.2 (Samsung Galaxy) 和 2.3 (Kindle Fire)。在 Android 3.0（摩托罗拉 Xoom）上它可以工作，但很生涩。

我尝试使用-webkit-transform: scale (1.14)。它适用于所有设备，但仍然会抖动。改变高度/宽度或缩放的变体也没有给出好的结果。

如何在所有（Android）设备上顺利实现此效果？

我将不胜感激任何内容丰富的答案。

4

1 回答 1

1

也许这个，CSS3 使用绝对定位缩放

<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-16T17:50:43.170 回答