Rasanya sudah lama saya tidak posting di blog ini, kali ini saya mencoba memberikan tutorial css buat pengunjung blog ini, namanya css layer.
Css layer ini semacam tulisan atau gambar yang berbayang yang terdiri dari 2 komponen css sederhana. Untuk membuatnya sangat mudah, hanya menerapkan sedikit kode css maka tulisan atau gambar berbayang siap ditampilkan dan mempercantik blog sobat. Berikut beberapa tutorialnya :
Layer Untuk Gambar Variasi 1
Layer Untuk Gambar Variasi 2
Manteb kan bro ?? Tinggalkan pesan yah !! Sekian Trimakasih :D
Css layer ini semacam tulisan atau gambar yang berbayang yang terdiri dari 2 komponen css sederhana. Untuk membuatnya sangat mudah, hanya menerapkan sedikit kode css maka tulisan atau gambar berbayang siap ditampilkan dan mempercantik blog sobat. Berikut beberapa tutorialnya :
Layer Untuk Gambar Variasi 1
<div style="position:relative"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div><div style="position:relative; margin-top:-20px; margin-left:20px"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div>
Layer Untuk Gambar Variasi 2
<div style="position:relative"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQW0DloOiVovJsjQEEenMaARGGDi83R3FbTfrulJb5nqGL9C7AMRJyJ4VRCggO23SS9tU70gvkNE-ct3cqEAY7ISq1ua5cyHIhUUwd_mzcK6XG0hFWDgDnt7wkoJO8lNbkoQQFch69CXM/s1600-r/miscah.png" /></div><div style="position:relative; filter:alpha(opacity=20); margin-top:-10px; -moz-opacity:0.20; opacity:0.2; -khtml-opacity:0.2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQW0DloOiVovJsjQEEenMaARGGDi83R3FbTfrulJb5nqGL9C7AMRJyJ4VRCggO23SS9tU70gvkNE-ct3cqEAY7ISq1ua5cyHIhUUwd_mzcK6XG0hFWDgDnt7wkoJO8lNbkoQQFch69CXM/s1600-r/miscah.png" /></div>
Manteb kan bro ?? Tinggalkan pesan yah !! Sekian Trimakasih :D
Artikel Terkait
Langganan:
Posting Komentar (Atom)
8 komentar:
Kerennz mass..
ntar aku coba..
sama-sama :D
Keren nih sharingnya. Di coba dulu gan
oke kak.. thankz :)
Nupang Copas codenya di Blog ya... mau coba-coba nih...
silahkan sobb ^^
walkingg ..
ijin copas script yaa sob ..^^
http://photoshop-cnz.blogspot.com/
follback ditunggu..^.^
iya sob.. silahkan.. langsung ke TKP :)
Posting Komentar