Подтвердить что ты не робот

#ИМЯ?

Для удовольствия я делаю аналоговые часы: D, но как заставить его вращаться вокруг центра? Я хочу повернуть игру, показывая минуты. его уже размещены, указывая на 15, как в 15.15, 16.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. и выше не работает: (

4b9b3361

ОТВЕТЫ

Ответ 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)" );