Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Bayangan pada Text dengan CSS. Biasanya dalam sebuah website terdapat sebuah text atau kalimat, namun text tsb tidak memiliki effect atau sebuah bayangan jadi terlihatnya agak sedikit kurang menarik. Pada kali ini saya akan memberikan contoh dalam Cara Membuat Bayangan pada Text dengan CSS.

Oke langsung saja kita mulai, Pertama-tama silahkan teman-teman jalankan/run text-editor yang teman-teman gunakan. Disini saya menggunakan sublime-text, dan langkah selanjutnya silahkan teman-teman ketik/copy script HTML seperti dibawah ini :

Jika sudah dengan HTMLnya silahkan teman-teman coba jalankan/run terlebih dahulu dibrowser yang teman-teman gunakan. Hasilnya akan seperti pada gambar dibawah ini :

cara-membuat-bayangan-pada-text-dengan-css

Pada gambar diatas adalah sebuah default text pada browser, jadi belum memiliki effect bayangan sama sekali. Oke dan langkah selanjutnya kita buat styleing CSSnya agar text tersebut memiliki bayangan. Silahkan teman-teman buka kembali script HTMLnya dan kemudian ketik/copy script CSS seperti dibawah ini :

Jika sudah, silahkan simpan dan refresh atau jalankan dibrowser yang teman-teman gunakan. Jika benar Maka hasilnya akan terlihat seperti dibawah ini :

cara-membuat-bayangan-pada-text-dengan-css

Bagaimana teman-teman, cukup mudah bukan dalam Cara Membuat Bayangan pada Text dengan CSS ? oke jadi seperti itulah contoh kecilnya dalam Cara Membuat Bayangan pada Text dengan CSS dan untuk mengembangkannya silahkan teman-teman coba sendiri sesuai selera teman-teman.

Cukup sekian pembahasan kali ini tentang Cara Membuat Bayangan pada Text dengan CSS semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih