MoreLesson 204Preview gratis
Cutout Text
Lesson ini bagian dari How To · Semua level
Ringkasan
Cutout text adalah efek teks yang seolah berlubang sehingga gambar atau gradien di belakangnya terlihat melalui huruf. Efek ini dibuat dengan background-clip: text dan color: transparent, lalu gambar latar diposisikan pada elemen teks. Garis tepi tipis dapat ditambahkan agar huruf tetap terbaca saat latar terang.
Poin kunci
- background-clip: text membuat latar hanya terlihat di area huruf
- color: transparent membuka 'lubang' agar latar menembus teks
- Sertakan prefiks -webkit- untuk kompatibilitas browser yang lebih luas
- Tambahkan text-stroke atau bayangan tipis agar huruf tetap jelas
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.