围绕一个点旋转一个 html 元素

【问题标题】：rotate a html element around a point围绕一个点旋转一个 html 元素
【发布时间】：2012-08-28 03:14:00
【问题描述】：

如何围绕任意点旋转 html 元素。
我知道有 css rotate trasform 属性可以围绕自身旋转元素。但我想像时钟指针一样旋转它。

【问题讨论】：

【解决方案1】：

你可以使用变换原点：

这里提到：

【讨论】：

【解决方案2】：

我之前使用旋转来实现这个效果。您需要做的就是以一定的透明度扩展针 png 文件。假设你有一根尺寸为 5x100 的针，只需将该针制作为 5x200，图片的一半是针，另一半是透明的。然后你可以旋转该图像。

【讨论】：

【解决方案3】：

你将不得不在这个上使用 Javascript。正如预期的那样，这是我通过谷歌搜索发现的一些特别使用 jQuery 的东西。

【讨论】：