CSS Untuk Gambar Berbayang

      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





<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/AVvXsEhj7TWSs71xUGelI2IJWSBUyDV58W0IZ-Nzm647bf0qqAca4vb7veoC6CXHpPqq5pD9ASLfP9sWsmz9a701AELgZGVfp96V_rSb5MGnGRR3tyjxPfyPTbMBOWNlvfZYtscK4eOzaNbyhfg/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/AVvXsEhj7TWSs71xUGelI2IJWSBUyDV58W0IZ-Nzm647bf0qqAca4vb7veoC6CXHpPqq5pD9ASLfP9sWsmz9a701AELgZGVfp96V_rSb5MGnGRR3tyjxPfyPTbMBOWNlvfZYtscK4eOzaNbyhfg/s1600-r/miscah.png" /></div>

SUMBER : CSS Untuk Gambar Berbayang

Penulis : Smoething ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel CSS Untuk Gambar Berbayang ini dipublish oleh Smoething pada hari Senin, 25 Maret 2013. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan CSS Untuk Gambar Berbayang
 

0 komentar:

Posting Komentar