CSS3 trasformare origine di proprietà
Esempi
Imposta posizione del punto di elementi rotanti:
{
transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin:20% 40%; /* Safari and Chrome */
}
Prova »
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- fa a sostegno del prefisso attribuiscono primo numero di versione del browser.
属性 | |||||
---|---|---|---|---|---|
transform-origin (two-value syntax) |
36.0 4.0 -webkit- |
10.0 9.0 -ms- |
16.0 3.5 -moz- |
9.0 3.2 -webkit- |
23.0 15.0 -webkit- 10.5 -o- |
transform-origin (three-value syntax) |
36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Attributo definizioni e le istruzioni
trasformare-Origin attributo consente di modificare la posizione dell'elemento di conversione.
Elementi di conversione 2D possono cambiare gli elementi X e Y. elemento di conversione 3D, si può anche cambiare l'elemento Z-asse.
Per capire meglio l'attributo Transform-Origin, si prega di vedere la demo .
Nota: Questa proprietà deve prima trasformare proprietà.
Suggerimento: gli utenti Safari / Chrome:per capire meglio la 3D trasforma proprietà, vedere la demo .
predefinito: | 50% 50% 0 |
---|---|
ereditarietà: | no |
versione: | CSS3 |
sintassi JavaScript: | object .style.transformOrigin = "20% 40%" |
grammatica
valore | descrizione |
---|---|
asse x | Visualizzazione personalizzata viene posto in cui l'asse X. Valori possibili:
|
asse y | Visualizzazione personalizzata vengono posizionati dove l'asse Y. Valori possibili:
|
asse z | Visualizzazione personalizzata viene posto in cui l'asse Z. Valori possibili:
|