Categories: CSSJavaScriptjQuery

Buat Text / Goresan Pena Di Dalam Gambar Dengan Materialize Css

Buat Text / Tulisan Di Dalam Gambar Dengan Materialize CSS. Ok kali ini ngoding pak akan menunjukkan source code sederhana HTML, bagaimana cara biar text atau goresan pena yang kita ingin tampilkan berada dalam gambar atau Tulisannya menimpa gambar.

Kurang lebih gambarnya ibarat diatas. Biasanya text disimpan di samping gambar atau di bawah gambar, untuk terlihat lebih professional kita akan membuat textnya berada di atas gambar, pernah lihat kan landing page yang text nya ada diatas gambar ? yap, lebih keren kan.

TAHAP PEMBUATAN

Yang pastinya kau membuat file html terlebih dahulu ya, dan jangan lupa untuk meload materialize CSS nya, karna aku buatnya dengan santunan framework ini

Tambahkan di bawah tag <body> aba-aba berikut

Maksud dari aba-aba diatas adalah

class navbar-fixed yang dibentuk pada tag <style> ada position :absolute dan z-index
yang dimaksud dengan z-index ini yaitu untuk mengatur tumpukan pada css gambar maupun text, kalo pernah make photoshop sih niscaya ngerti yang namanya layers.
Besar angka z-index ini mempengaruhi tumpukan semakin besar angkanya semakin di depan juga gambarnya.

Ok hingga sini dulu source codenya, bila ada yang perlu ditanyakan seputar postingan ini silahkan kau hubungi kontak wa saya, atau melalui kolom komentar dibawah ini. Terimakasih

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code