2013-07-25 9 views
6

Quali css transition proprietà viene effettivamente utilizzato quando si utilizza la proprietà CSS:Quando si ridimensiona un elemento con css3, quali proprietà di transizione vengono modificate?

.selector { 
    transform: scale(n); 
} 

sto cercando di isolare i valori che sono in realtà cambiando quando mi scala qualcosa con i CSS. Funziona, ma sta anche animando tutto, cosa che non voglio fare. Ho solo voglia di animare l'altezza/larghezza dell'oggetto:

.selector { 
    transition: all 0.3s linear; 
} 

Invece di 'tutti' impostazioni, ho provato 'width height', ma non senza problemi animare più. Si aggancia alla posizione finale.

risposta

7

È possibile utilizzare transform

transition: transform 200ms linear; 

sono necessari i prefissi vendor in che anche in questo modo

-webkit-transition: -webkit-transform 200ms linear; 

Non ho capito appieno la vostra domanda, ma sto cercando di indovinare si desidera solo per animare la scala e nient'altro su quell'elemento, se è così allora questo è quello che ti serve.

+1

Fantastico trucco per utilizzare i prefissi dei fornitori dopo ':' –