Comment puis-je définir un point de rotation pour un élément en CSS?

Est-il possible de définir le point de rotation dans le CSS? Par défaut le point de rotation est à 50%, de 50%.
J'ai essayé:

transform: rotate(230deg); 
rotation-point:90% 90%;

Mais il ne fonctionne pas... des suggestions?

InformationsquelleAutor kugyousha | 2011-07-11
  1. 39

    Ceci permettra de définir le point pivot de rotation sur le coin en haut à gauche de votre élément et faites-le pivoter:

    transform: rotate(-25deg);
transform-origin: 0% 0%;

    un coup d'œil à .nav_item_txt classe:

    http://jsfiddle.net/KHkX7/

    InformationsquelleAutor Marco Allori
  2. 12

    Utiliser le transform-origin propriété CSS:

    .class {
    transform-origin: 0 0;
}
    InformationsquelleAutor spraff
  3. 9

    Essayez d'utiliser la transformation de l'origine de la propriété au lieu de cela, la rotation, le point n'est pas pris en charge...

    Pour la rotation en haut à droite d'un élément (y compris tous ciblage):

    -webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
    InformationsquelleAutor Phill upNorth
  4. -2

    il suffit d'aller à http://www.w3schools.com/cssref/css3_pr_rotation-point.asp et de lire attentivement.
    il est dit qu'aucun des principaux navigateurs prennent en charge cette propriété.

    • ne jamais jamais jamais confiance w3schools... est une très mauvaise source d'information w3fools.com
    InformationsquelleAutor Mayur