Как задать для rotate центр?

Question

[Иван Желудков]

Я хотел реализовать на css/html эффект закручивания болта ключём на codepen.io. Проблема была в том, что rotate поворачивает фигуру относительно левого верхнего угла, поэтому получается, что даже если позадротничать с отступами, нужный эффект не получиться. Нужно как-то задать точку, относительно которой крутить ключ и болт, и поставить её на центр гайки. Но как это сделать?

-transform: rotate(25deg);

Answer 1

[lastwish]

Такая точка задаётся с помощью transform-origin: http://jsfiddle.net/j2wLk/

Comments

[Иван Желудков]

То, что нужно. Спасибо