CSS Untuk Gambar Berbayang

      Rasanya sudahlama saya tidak posting di blog ini, kali ini saya mencoba memberikan tutorialcss buat pengunjung blog ini, namanya css layer.

      Css layer ini semacam tulisan atau gambar yang berbayangyang terdiri dari 2 komponen css sederhana. Untuk membuatnya sangat mudah,hanya menerapkan sedikit kode css maka tulisan atau gambar berbayang siapditampilkan dan mempercantik blog sobat. Berikut beberapa tutorialnya :

Layer Untuk GambarVariasi 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 GambarVariasi 2

<div style="position:relative"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjhCzvo6oQQZE_jp3pw09zZhBSvt2aOTELotCfKy6DM51-MV8YVipgf0o-hEVrPRFqOK-yrmYAnrID7L0_lkXaLAMwKQ_zOhKhD6a9bV_8MBtsDNH6wm7hKa4Y8p4naW7vMdNP92c6rDs/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/AVvXsEgjhCzvo6oQQZE_jp3pw09zZhBSvt2aOTELotCfKy6DM51-MV8YVipgf0o-hEVrPRFqOK-yrmYAnrID7L0_lkXaLAMwKQ_zOhKhD6a9bV_8MBtsDNH6wm7hKa4Y8p4naW7vMdNP92c6rDs/s1600-r/miscah.png" /></div>

Manteb kan bro ?? Tinggalkan pesan yah !! Sekian Trimakasih :D

Related Post :)

Posted in: blogger