Exemple
Régler le placement de base d'un élément entraîné en rotation:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Essayez vous - même » Définition et utilisation
La propriété transformOrigin vous permet de changer la position des éléments transformés.
2D élément transformé peut changer l'axe x et y de l'élément. élément transformé 3D peut également modifier l'axe z de l'élément.
Note: Cette propriété doit être utilisée conjointement avec la transformation de la propriété.
Support du navigateur
La propriété transformOrigin est pris en charge dans Internet Explorer 10, Firefox et Opera.
Internet Explorer 9 prend en charge une alternative, la propriété msTransformOrigin, mais seulement pour 2D se transforme.
Chrome, Safari et Opera soutiennent une alternative, la propriété WebkitTransformOrigin, pour les graphiques 2D et 3D transfoms.
Syntaxe
Retour la propriété transformOrigin:
object .style.transformOrigin Définissez la propriété transformOrigin:
object .style.transformOrigin=" Valeurs de propriété Valeur La description x-axis La définition où la vue est placé à l'axe des x. Valeurs possibles: - la gauche
- centre
- droite
- length
- %
y-axis La définition où la vue est placé à l'axe des y. Valeurs possibles: - Haut
- centre
- bas
- length
- %
z-axis Définition d' où la vue est placé à l'axe z (for 3D transforms) le (for 3D transforms) . Valeurs possibles: - length
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: 50% 50% 0 Valeur de retour: Une chaîne, ce qui représente la propriété de transformer l'origine d'un élément version CSS CSS3
Pages associées
JavaScript Style de l' objet: transform property la transform property
Référence CSS: transform-origin property
<Style objet