Iklan

» » » » Buat Text / Tulisan Di Dalam Gambar Dengan Materialize CSS

Buat Text / Tulisan Di Dalam Gambar Dengan Materialize CSS

— — Add Comment — , ,

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

image-text-in-front

Kurang lebih gambarnya seperti 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 kamu membuat file html terlebih dahulu ya, dan jangan lupa untuk meload materialize CSS nya, karna saya buatnya dengan bantuan framework ini

Tambahkan di bawah tag <body> kode berikut

Maksud dari kode diatas adalah

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

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




0 Response to "Buat Text / Tulisan Di Dalam Gambar Dengan Materialize CSS"

Langganan: Posting Komentar (Atom)