HTML - 如何来回旋转，就像雷达朝向你和远离你2.5D

Question

我有一个要求，需要旋转具有某种真实感的图像 - 在水平面偏斜的水平面上，想象一下旋转的飞盘或直升机桨叶。

我的意思是，（不是像旋转器一样的平坦旋转）但是当它面向你的时候会变得更大，当它旋转回来时 - 在一个倾斜的水平面上，眼睛水平。

目标是使用图标或图像获得逼真的外观，它看起来像是在2.5D中使用HTML旋转

1. 这可以简单地用HTML5完成，不用画布。
2. 您可以使用canvas或直接HTML5技巧分享示例

Answer 1

您可以使用3D转换在CSS3中执行此操作：

transform: rotateX(45deg);

在容器上：

perspective: 500px;

尝试使用确切的值来获得所需的效果。