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

Question

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

Answer 1

您可以使用变换原点：

https://developer.mozilla.org/En/CSS/-moz-transform-origin

如上所述：

CSS rotation with respect to a reference point

Answer 2

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

Answer 3

你将不得不在这个上使用Javascript。正如所料，Googling发现了一些特别使用jQuery的东西。

• Chris Coyier
• Jon Combe
• 7 others...