gpt4 book ai didi

android - Phonegap Android 中的平滑 3d 转换

转载 作者:行者123 更新时间:2023-11-30 03:58:59 27 4
gpt4 key购买 nike

我正在尝试使用 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 (Motorola Xoom) 上它可以工作,但不稳定。

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

如何在所有 (Android) 设备上流畅地制作此效果?

如有任何信息丰富的回答,我将不胜感激。

最佳答案

也许这个,CSS3 scale using absolute positioning

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

关于android - Phonegap Android 中的平滑 3d 转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12862233/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com