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 (Motorola 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 に答える