1

現実的な感覚で画像を回転させる必要があるという要件があります-目の高さのある歪んだ水平面で、回転するフライングディスクまたはヘリコプターのブレードを想像してください。

つまり、(スピナーのような平らな回転ではありません) しかし、あなたの方を向いているときに大きくなるものは、回転して戻ると消えます - 目の高さで歪んだ水平面上で。

目的は、HTML を使用して 2.5D で回転するように見える、アイコンまたは画像を使用して現実的な外観を取得することです。

  1. キャンバスなしで、これを HTML5 で簡単に実行できますか。
  2. キャンバスまたは直接の HTML5 トリックの例を共有できますか
4

1 に答える 1

2

3D 変換を使用して、CSS3 でこれを行うことができます。

transform: rotateX(45deg);

そしてコンテナで：

perspective: 500px;

正確な値を試して、必要な効果を得てください。

于 2013-05-03T04:34:22.850 に答える