Esempio
Impostare il posizionamento di base di un elemento ruotato:
document.getElementById("myDIV").style.transformOrigin = "0 0";
Prova tu stesso " Definizione e l'utilizzo
La proprietà transformOrigin consente di modificare la posizione su elementi trasformati.
2D elemento trasformato può cambiare gli assi X e Y dell'elemento. elemento trasformato 3D può anche cambiare l'asse z dell'elemento.
Note: Questa proprietà deve essere usato insieme al trasformare la proprietà.
Supporto browser
La proprietà transformOrigin è supportata in Internet Explorer 10, Firefox e Opera.
Internet Explorer 9 supporta un'alternativa, la proprietà msTransformOrigin, ma solo per 2D trasforma.
Chrome, Safari e Opera sostengono in alternativa, la proprietà WebkitTransformOrigin, sia per il 2D e 3D transfoms.
Sintassi
Restituire la proprietà transformOrigin:
object .style.transformOrigin Impostare la proprietà transformOrigin:
object .style.transformOrigin=" I valori delle proprietà Valore Descrizione x-axis Definire dove la vista è posto l'asse x. Valori possibili: - sinistra
- centro
- destra
- length
- %
y-axis Definire dove la vista è posto l'asse y. Valori possibili: - superiore
- centro
- parte inferiore
- length
- %
z-axis Definire dove la vista è posto all'asse z (for 3D transforms) . Valori possibili: - length
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: 50% 50% 0 Valore di ritorno: A String, che rappresenta la proprietà transform origine di un elemento CSS Version CSS3
Pagine correlate
Stile JavaScript Object: transform property
Di riferimento CSS: transform-origin property
<Stile di oggetto