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