-webkit-transform traduire autour de son centre

Pour le plaisir Im faire une horloge analogique 😀 mais comment je le faire pivoter autour de son centre? Je veux faire tourner le truc montrant minutes. déjà placé de pointage à 15 à 15 h 15, 16 h 15.

faire une plaine rotate("10deg") wil faire tourner autour de soi. devinant que j'ai à faire quelque chose comme ceci:

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

la broche est placée au centre d'une 200x200 boîte. et le ci-dessus ne fonctionne pas 🙁

OriginalL'auteur Jason94 | 2011-06-23

  1. 15

    Utilisation -webkit-transform-origin pour définir quel point les transformations ont lieu à l'égard de:

    //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)" );

    OriginalL'auteur You