Hallo sahabat, dalam kesempatan kali ini kita kan belajar membuat efek emboss dengan html css. Efek yang akan dibuat adalah teks emboss atau timbul jadi tampilanya sangat menarik. Baiklah langsung saja ikuti langkah-langkah dalam pembuatanya.

Dalam membuatnya efek teks emboss sahabat silahkan buat beberapa kata-kata sebagai tampilannya seperti contoh dibawah ini:

pada code diatas terdapat 4 class dengan 2 nama class, didalam ada 3 kata-kata yang nanti diberikan efek. Selanjutnya menambahkan style CSS seperti berikut:

dalam CSS diatas saya menggunakan font-family : Coiny ,font ini digunakan agar bentuk teks terlihat cantik. Apabila sahabat ingin mengubah fontnya silahkan langsung saja ke website google font .

Jika sudah mengetikkan semua code diatas silahkan simpan, lalu buka browser masing-masing dan lihat hasilnya.

Saya kira cukup dalam pembahasan kita dalam Cara Membuat Efek Emboss Dengan HTML CSS. semoga bermanfaat dan sampai jumpa lagi dengan pembahasan lainnya.

terima kasih.

WhatsApp chat