Webkit-transform translate around center?

Use -webkit-transform-origin to set what point transformations occur with respect to.

Up vote 2 down vote favorite share g+ share fb share tw.

I want to rotate the thingy showing minutes. Its already placed pointing at 15 like in 15.15, 16.15. Doing a plain rotate("10deg") wil rotate it around it self.

Guessing I have to do something like this: $("#minPointer"). Css("-webkit-transform", "translate(-100px, -100px)"); $("#minPointer"). Css("-webkit-transform", "rotate("+val+"deg)" ); $("#minPointer").

Css("-webkit-transform", "translate(100px, 100px)" ); the pin is placed center in a 200x200 box. And the above does not work :( css css3 webkit link|improve this question edited Jun 23 '11 at 13:08BoltClock's a Unicorn?102k14146379 asked Jun 23 '11 at 13:07Jason941,319514 99% accept rate.

Use -webkit-transform-origin to set what point transformations occur with respect to: // 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)" ).

You need to use the transform-origin property. Information and examples: developer.mozilla.org/En/CSS/-moz-transf....

I just found one clock which is using full CSS3, this might help you webstutorial.com/css3-clock/css3.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.