Combinazione di Transizioni
È possibile combinare tutte le proprietà relative alle transizioni in un'unica riga.
transition: <property> <time> <time_function> <delay>;
Si supponga di dover aggiungere una proprietà di transizione all'elemento. I requisiti sono:
- la modifica della proprietà
background-color
; - la durata è
1.2s
; - la funzione temporale deve essere
ease-in-out
; - il ritardo è
250ms
.
Forma estesa
transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;
Forma compatta
transition: background-color 1200ms ease-in-out 250ms;
Nota
Non c'è alcuna differenza di sintassi per il browser. Possiamo scegliere l'opzione che preferiamo.
Grazie per i tuoi commenti!
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.04
Combinazione di Transizioni
Scorri per mostrare il menu
È possibile combinare tutte le proprietà relative alle transizioni in un'unica riga.
transition: <property> <time> <time_function> <delay>;
Si supponga di dover aggiungere una proprietà di transizione all'elemento. I requisiti sono:
- la modifica della proprietà
background-color
; - la durata è
1.2s
; - la funzione temporale deve essere
ease-in-out
; - il ritardo è
250ms
.
Forma estesa
transition-property: background-color;
transition-duration: 1200ms;
transition-timing-function: ease-in-out;
transition-delay: 250ms;
Forma compatta
transition: background-color 1200ms ease-in-out 250ms;
Nota
Non c'è alcuna differenza di sintassi per il browser. Possiamo scegliere l'opzione che preferiamo.
Grazie per i tuoi commenti!