Menu
Coddy logo textTech

Końcowe stylizacje

Lekcja 6 z 6 w kursie Projekt CSS — prosty wskaźnik ładowania w Coddy.

Świetnie! Masz teraz w pełni działający wskaźnik ładowania.

Teraz pora nadać mu własny styl.

challenge icon

Wyzwanie

Łatwy

Dodaj własne style do wskaźnika ładowania, a gdy skończysz, uruchom kod i ukończ projekt!

 

Oto kilka wskazówek dotyczących dalszego stylizowania:

  • Zmiana rozmiaru
  • Zmiana kolorów
  • Szerokość i styl obramowania
  • Dodawanie kolejnych animacji (może krycie?)
  • I wiele więcej...

Spróbuj swoich sił

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

Wszystkie lekcje w sekcji Projekt CSS — prosty wskaźnik ładowania

Poćwicz samodzielnie: Edytor online Web