Pada artikel sebelumnya, kita sudah berhasil membuat gradasi warna pada teks menggunakan CSS3, Pada artikel kali ini saya akan sharing cara menggunakan gambar sebagai foreground pada teks kita.

Copy
1<h1 class="”image-text”">AWESOME TEXT</h1>

Copy
1.image-text {
2  font-family: Arial;
3  font-size: 125px;
4  background: url("./gambar.jpg");
5  -webkit-background-clip: text;
6  -webkit-text-fill-color: transparent;
7}

caranya sama seperti membuat warna gradient pada teks di artikel sebelumnya, namun ada yang sedikit berbeda, kita tidak menggunakan linear-gradient sebagai background tapi menggunakan url(‘gambar.jpg) ini berfungsi untuk memberikan gambar pada background, gambar.jpg silakan kalian ganti dengan nama gambar yang kalian punya.

Oke mungkin itu saja yang bisa saya bagikan kali ini, kalau kamu merasa artikel ini bermanfaat silakan Like & Share artikel ini ke teman-teman kamu atau jika kamu punya pertanyaan, tulis aja di kolom komentar, Thank you! 😁 🙏