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 Texture pada Text dengan CSS3. Dalam sebuah website pasti terdapat kalimat-kalimat atau text yang dari segi tampilan tidak terlalu menarik atau datar (flat). Lalu bagaimana cara agar text atau kalimat yang ada pada website kita terlihat lebih menarik atau tidak datar ?

Oke langsung saja kita mulai Cara Membuat Texture pada Text dengan CSS3 agar text terlihat lebih menarik dan indah. Pertama-tama teman-teman buat folder terlebih dahulu lalu disini kita membutuhkan sebuah gambar dasar yang nantinya kita jadikan sebuah texture pada text. Teman-teman boleh cari digoogle atau boleh sama seperti gambar saya dibawah ini :

Cara Membuat Texture pada Text dengan CSS3

Kita sudah mempunyai sebuah gambar texturnya, langkah selanjutnya teman-teman jalankan/run text-editor yang teman-teman gunakan dan ketik/copy script HTML dibawah ini :

Jika sudah simpan file htmlnya, oke lanjut kelangkah selanjutnya coba teman-teman jalankan/run maka hasilnya masih seperti pada gambar dibawah ini :

cara-membuat-texture-pada-text-dengan-css3

Tampilan textnya masih datar atau kurang menarik ya teman-teman ? hehe oke lanjut teman-teman buka kembali file htmlnya ke dalam text-editornya, lalu kemudian teman-teman masukan script CSS seperti dibawah ini dan letakan diantara tag head pada html (internal css) :

Jika sudah dengan CSSnya, langkah selanjutnya teman-teman silahkan simpan dan refresh atau jalankan kembali kedalam browser yang teman-teman gunakan. Jika benar maka hasilnya akan sama seperti pada gambar dibawah ini :

cara-membuat-texture-pada-text-dengan-css3

Bagaimana teman-teman ? sudah menarik bukan textnya ? hehe oke jadi seperti itulah Cara Membuat Texture pada Text dengan CSS3 agar terlihat menarik dan indah. Untuk pengembangannya silahkan teman-teman modifikasi sesuai selera teman-teman.

Kalau begitu cukup sekian pembahasan saya tentang Cara Membuat Texture pada Text dengan CSS3. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih

WhatsApp chat