Menu
Coddy logo textTech

Stile finale

Lezione 6 di 6 del corso Progetto CSS - Semplice indicatore di caricamento di Coddy.

Ben fatto! Hai uno spinner di caricamento perfettamente funzionante.

Ora è il momento di aggiungere il tuo stile.

challenge icon

Sfida

Facile

Aggiungi un po' di stile personalizzato allo spinner e, una volta terminato, esegui il codice e completa il progetto!

 

Alcuni suggerimenti per personalizzarlo ulteriormente:

  • Modificare le dimensioni
  • Modificare i colori
  • Larghezza e stile del bordo
  • Aggiungere altre animazioni (magari l'opacità?)
  • e molto altro...

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="spinner" />
</body>
</html>

Tutte le lezioni di Progetto CSS - Semplice indicatore di caricamento

Esercitati da solo: Playground Web