MoreLesson 244Preview gratis
Arrows
Lesson ini bagian dari How To · Semua level
Ringkasan
Panah di CSS dapat dibuat tanpa gambar, misalnya dengan trik border transparan atau memutar dua border pada kotak. Pendekatan border cocok untuk segitiga sederhana, sedangkan chevron lebih rapi dibuat dari elemen yang dirotasi 45 derajat. Untuk ikon yang perlu skala dan aksesibilitas baik, SVG tetap menjadi pilihan utama.
Poin kunci
- Segitiga CSS dibuat dari elemen berukuran nol dengan border tebal; sisi yang terlihat diberi warna, sisanya transparan.
- Chevron dibuat dari dua border pada kotak persegi lalu diputar 45 derajat.
- Arah panah diubah dengan rotasi atau menukar sisi border yang berwarna.
- Beri label aksesibel jika panah berfungsi sebagai tombol tanpa teks.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.