W3.CSSLesson 45Preview gratis
W3.CSS Effects
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Halaman Effects mengumpulkan berbagai efek visual yang bisa ditambahkan tanpa mengubah struktur HTML, misalnya opasitas saat hover dan bayangan kartu. Sebagian besar efek memakai kelas hover W3.CSS, sisanya memanfaatkan properti CSS transition dan filter. Karena efek hanya tampilan, ia aman ditambahkan di akhir tahap penyempurnaan.
Poin kunci
- Kelas hover seperti .w3-hover-opacity mengubah tampilan saat kursor menempel
- .w3-card-4 dan .w3-hover-shadow memberi kesan kartu yang bertumpuk
- Properti transition membuat perubahan warna atau ukuran berjalan halus
- Efek filter seperti grayscale dapat dipasang lewat CSS atau style inline
- Efek tidak mengubah isi konten, hanya memperindah tampilan
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.