ページ上で回転させる必要がある画像があります。これは正方形の画像ではありません (画像は正方形ですが、透明な背景に不規則な形をしています)。回転させることは問題ではありませんが、横に倒すと完全に消えます。動き回っても消えないように「3D」画像にする必要がありますか?
質問する
282 次
2 に答える
1
http://css3.bradshawenterprises.com/flip/
説明されているソリューションでは、ネイティブの CSS トランジションを使用しています。これらがブラウザーでサポートされていない場合、jQuery Flip プラグインにフォールバックします。
于 2012-08-07T10:36:23.113 に答える
0
太い部分はおそらく CSS/JavaScript で (まだ) 効果が得られないところです。ブラウザは、オブジェクトが横からどのように見えるかをどのように知るのでしょうか?
これを長方形のオブジェクトに偽装するのは簡単です。いくつかの div を側面に配置して、非常に薄いボックスを作成するだけです。
不規則な形状の場合は、元の画像の後ろに数回クローンを作成し、z 軸上で 0.5 ピクセルだけオフセットした同じ画像を使用してみてください。これは、横から見るとまだ奇妙に見えるかもしれません。
ここで、私が話していた効果を作成したこのフィドルを参照してください。このアプローチの問題点は、レイヤリングによって厚みを提供できますが、これが実際にソリッド メディアであることをブラウザに伝える方法がないことです。ただし、アニメーションが含まれていない場合は、この効果を回避できます。
于 2012-08-07T12:48:39.180 に答える