Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Implementazione di Animazione CSS | Animazioni CSS Avanzate
Tecniche CSS Avanzate

bookSfida: Implementazione di Animazione CSS

Compito

Migliorare l'aspetto visivo del modulo di autorizzazione aggiungendo un'animazione al pulsante "Log in". Seguire questi passaggi:

  1. Specificare il valore corretto per la proprietà animation-name, utilizzando le modifiche di stato preimpostate definite nella regola @keyframes con il nome colorChange.
  2. Impostare la funzione temporale su linear per garantire una velocità costante durante tutta l'animazione.
  3. Definire una durata dell'animazione pari a 6000ms.
  4. Configurare l'animazione per ripetersi infinite volte per un effetto continuo.
index.html

index.html

index.css

index.css

copy
  1. Assegnare il nome della regola @keyframes come valore per la proprietà animation-name.
  2. Specificare linear come valore per la proprietà animation-timing-function per garantire una velocità costante.
  3. Impostare la proprietà animation-duration su 6000ms per determinare la durata dell'animazione.
  4. Utilizzare infinite come valore per la proprietà animation-iteration-count per ripetere l'animazione indefinitamente.
index.html

index.html

index.css

index.css

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.04

bookSfida: 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:

  1. Specificare il valore corretto per la proprietà animation-name, utilizzando le modifiche di stato preimpostate definite nella regola @keyframes con il nome colorChange.
  2. Impostare la funzione temporale su linear per garantire una velocità costante durante tutta l'animazione.
  3. Definire una durata dell'animazione pari a 6000ms.
  4. Configurare l'animazione per ripetersi infinite volte per un effetto continuo.
index.html

index.html

index.css

index.css

copy
  1. Assegnare il nome della regola @keyframes come valore per la proprietà animation-name.
  2. Specificare linear come valore per la proprietà animation-timing-function per garantire una velocità costante.
  3. Impostare la proprietà animation-duration su 6000ms per determinare la durata dell'animazione.
  4. Utilizzare infinite come valore per la proprietà animation-iteration-count per ripetere l'animazione indefinitamente.
index.html

index.html

index.css

index.css

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 6
some-alt