Comment faire pivoter un élément par rapport à un point défini à-dire définie x
& y
coordonnée dans CSS (webkit)?rotation CSS par rapport à un point de référence
Normalement, la rotation fait référence au point central de l'élément.
Comment faire pivoter un élément par rapport à un point défini à-dire définie x
& y
coordonnée dans CSS (webkit)?rotation CSS par rapport à un point de référence
Normalement, la rotation fait référence au point central de l'élément.
Vous pouvez utiliser l'origine de transformation. Il définit le point de rotation autour du coin supérieur gauche de l'élément.
transform-origin: 0% 0%
Ceci tournerait autour du coin supérieur gauche.
Pour d'autres options regarder ici: https://developer.mozilla.org/En/CSS/-moz-transform-origin
Pour autant que je sais qu'il n'y a pas une possibilité de tourner autour d'un point fixe (bien que ce soit à portée de main).
Si vous avez besoin d'un décalage spécifique, vous pouvez modifier votre image pour qu'elle soit plus grande, de sorte que le centre se trouve au milieu de votre image. Vous pouvez ensuite placer ceci dans un DIV avec "overflow: none" et le positionner avec un positionnement relatif. La div masquera la zone de l'image que vous ne souhaitez pas afficher.
C'est génial, je n'avais aucune idée que cela a été mis en vigueur pour l'instant :) – Kyle
Pour le navigateur Webkit vous avez peut-être besoin du préfixe: '-webkit-transform-origin: 0% 0%' – Murilo