Gaya Akhir
Pelajaran 6 dari 6 dalam kursus Proyek CSS: Spinner Pemuatan Sederhana di Coddy.
Bagus! Kamu sudah memiliki spinner pemuatan yang berfungsi sepenuhnya.
Sekarang saatnya menambahkan gayamu sendiri.
Tantangan
MudahTambahkan beberapa gaya buatanmu sendiri ke spinner, lalu setelah selesai, jalankan kodenya dan selesaikan proyeknya!
Beberapa tips untuk menambahkan gaya:
- Mengubah ukuran
- Mengubah warna
- Lebar dan gaya border
- Menambahkan lebih banyak animasi (mungkin opacity?)
- dan masih banyak lagi...
Coba sendiri
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="spinner" />
</body>
</html>Semua pelajaran di Proyek CSS: Spinner Pemuatan Sederhana
Latihan sendiri: Playground Web