Ikon I
Pelajaran 13 dari 23 dalam kursus Slider | Proyek Front-end di Coddy.
Tantangan
MudahTentukan selector .wrapper i (ikon):
1. Atur position ke absolute.
2. Atur top ke 50%.
3. Atur height dan width ke 50 piksel.
4. Atur warna latar belakang sesuai pilihanmu.
5. Atur radius batas ke 50%.
6. Atur bayangan kotak sesuai pilihanmu.
7. Atur transform ke translateY(-50%)
8. Atur cursor ke pointer
9. Atur ukuran font sesuai pilihanmu (ini akan mengubah ukuran ikon).
10. Ratakan teks ke tengah (agar berada di tengah secara horizontal).
11. Atur line-height ke 50px (agar berada di tengah secara vertikal).
12. Atur transisi ke transform 0.1s linear
Coba sendiri
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Tulis kode HTML di sini -->
<script src="script.js"></script>
</body>
</html>Semua pelajaran di Slider | Proyek Front-end
Latihan sendiri: Playground Web