Sfida: Implementazione di Animazione CSS
Compito
Migliorare l'aspetto visivo del modulo di autorizzazione aggiungendo un'animazione al pulsante "Log in". Seguire questi passaggi:
- Specificare il valore corretto per la proprietà
animation-name
, utilizzando le modifiche di stato preimpostate definite nella regola@keyframes
con il nomecolorChange
. - Impostare la funzione temporale su
linear
per garantire una velocità costante durante tutta l'animazione. - Definire una durata dell'animazione pari a
6000ms
. - Configurare l'animazione per ripetersi
infinite
volte per un effetto continuo.
index.html
index.css
- Assegnare il nome della regola
@keyframes
come valore per la proprietàanimation-name
. - Specificare
linear
come valore per la proprietàanimation-timing-function
per garantire una velocità costante. - Impostare la proprietà
animation-duration
su6000ms
per determinare la durata dell'animazione. - Utilizzare
infinite
come valore per la proprietàanimation-iteration-count
per ripetere l'animazione indefinitamente.
index.html
index.css
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 4. Capitolo 6
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
Sfida: Implementazione di Animazione CSS
Scorri per mostrare il menu
Compito
Migliorare l'aspetto visivo del modulo di autorizzazione aggiungendo un'animazione al pulsante "Log in". Seguire questi passaggi:
- Specificare il valore corretto per la proprietà
animation-name
, utilizzando le modifiche di stato preimpostate definite nella regola@keyframes
con il nomecolorChange
. - Impostare la funzione temporale su
linear
per garantire una velocità costante durante tutta l'animazione. - Definire una durata dell'animazione pari a
6000ms
. - Configurare l'animazione per ripetersi
infinite
volte per un effetto continuo.
index.html
index.css
- Assegnare il nome della regola
@keyframes
come valore per la proprietàanimation-name
. - Specificare
linear
come valore per la proprietàanimation-timing-function
per garantire una velocità costante. - Impostare la proprietà
animation-duration
su6000ms
per determinare la durata dell'animazione. - Utilizzare
infinite
come valore per la proprietàanimation-iteration-count
per ripetere l'animazione indefinitamente.
index.html
index.css
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 4. Capitolo 6