-webkit-transform在中心周围翻译

Question

为了好玩我制作一个模拟时钟:D但是如何让它围绕中心旋转？我想旋转显示分钟的东西.它已经像15.15,16.15一样指向15.

做一个简单的rotate("10deg")wil旋转它自己.猜测我必须做这样的事情:

$("#minPointer").css("-webkit-transform", "translate(-100px, -100px)");
$("#minPointer").css("-webkit-transform", "rotate("+val+"deg)" );
$("#minPointer").css("-webkit-transform", "translate(100px, 100px)" );

销钉放置在200x200的盒子中央.以上不起作用:(

Answer 1

使用-webkit-transform-origin设置相对于什么时候发生转变:

// Replace percentages to reflect what point you want to rotate around.
// Pixel values are fine.
$("#minPointer").css("-webkit-transform-origin", "50% 100%" );
$("#minPointer").css("-webkit-transform", "rotate("+val+"deg)" );