CSS AdvancedLesson 69Preview gratis
CSS Masking
Lesson ini bagian dari CSS · Semua level
Ringkasan
Masking memungkinkan kita menyembunyikan sebagian elemen berdasarkan gambar atau gradien yang dijadikan mask. Area mask yang solid memperlihatkan elemen, sedangkan area transparan menyembunyikannya. Teknik ini berguna untuk membuat bentuk unik, tepi memudar, atau efek gradasi pada gambar dan kotak.
Poin kunci
- `mask-image` menentukan gambar atau gradien yang dipakai sebagai topeng
- `mask-size` dan `mask-repeat` mengatur ukuran serta pengulangan mask
- `mask-mode` memilih cara membaca mask: berdasarkan alpha atau luminance
- Awalan vendor seperti `-webkit-mask-*` kadang masih diperlukan untuk kompatibilitas
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.