Jumat, 28 Desember 2012

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="http://3.bp.blogspot.com/_7Y9pl24WpQY/TGVZE5AgQmI/AAAAAAAAEeU/Ktj7gkUldGQ/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="http://3.bp.blogspot.com/_7Y9pl24WpQY/TGVZE5AgQmI/AAAAAAAAEeU/Ktj7gkUldGQ/S1600-R/miscah.png" /></div>

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

26 komentar:

  1. Mampir sob, nice artikel nih..

    BalasHapus
  2. Boleh la! blognya gilaa keren bangett!!

    salut daa gan!

    BalasHapus
    Balasan
    1. makasih mbak blog mbah jga sangat bagus

      Hapus
  3. Idi = makasih atas kunjungan nya soub.

    Susan : makasih mbak udah berkunjung.
    Maaf bila blog ini bnyak kekurangan maklum saya baru belajar.

    BalasHapus
  4. Balasan
    1. thankz sudah berkunjung
      silakan berkunjung kembali

      Hapus
  5. wah, mantep sob, kapan2 mau nyoba ah... keren nih

    BalasHapus
    Balasan
    1. terima kasih sobat sudah berkunjung.
      #salam blogger

      Hapus
  6. Balasan
    1. terima kasih sudah berkunjung,,
      #salam blogger

      Hapus
  7. Blognya sangat bagus sekali sobat, bygroundnya mantap
    kunjungan perdana dan salam kenal sobat
    terima kasih

    BalasHapus
  8. thax all udah sempatkan waktu nya berkunjung :)

    BalasHapus
  9. blognya udh saya follback bro, dengan nama Liong outsider, makasi ya, mari saling komen ., biar rame,

    BalasHapus
  10. bikin lola gk biasanya??? hmmm

    BalasHapus
    Balasan
    1. silakan dicoba sobat.
      terimakasih sudah berkunjung.
      #salam blogger

      Hapus
  11. .: TQ ilmunya mas broo, ntar ane coba di blog ane...^_^

    BalasHapus
  12. wahhh keren juga nih sob...
    lau bisa gambarnya di balik 90 derajat sob.. jadi lebih berbayang....

    BalasHapus
    Balasan
    1. thankz sobat sudah berkunjung.
      salam blogger.
      silakan berkunjung kembali :)

      Hapus
  13. bagus..
    mantap..
    kunjungi balik http://almudirarizqi.blogspot.com/

    BalasHapus

setelah sobat baca-baca jangan lupa tinggalkan komentar yakz sobat.
ingat komen nya harus baik lho jgn kasar-kasar hehehe..
mohon jangan meninggalkan link aktif yak sobat karna akan dinganggap spam.
#salam blogger

Postingan Populer