Cara Membuat Efek Bayangan/Box Shadow di Blog

Baca Juga

Daftar isi: [Tampil]
Cara Membuat Efek Bayangan/Box Shadow di Blog - AldoSEO | Mungkin trik-trik seperti ini sudah bagi yang sudah mahir dalam CSS, tapi kali ini saya akan khususkan untuk orang awam saja. Tapi pada kesempatan kali ini saya hanya memberi 3 contoh saja, kalau mau banyak lagi sobat bisa mengkreasikannya saja sendiri.
Cara Membuat Efek Bayangan/Box Shadow di Blog

Box Shadow :



-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow:         3px 3px 5px 6px #ccc;

Inner Shadow : 



-moz-box-shadow:    inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow:         inset 0 0 10px #000000;

One Side Only : 



-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;

Post a Comment

17 comments:

  1. 4 Cheats | Info Game Only29 December 2012 at 02:25

    keren sob, izin pake yah ^_^

    Kunjungan Baliknya Selalu Saya Tunggu, dan jangan Lupa Untuk Menambahkan Saya Kedalam Lingkaran G+ Anda, Terima Kasih...

    ReplyDelete
  2. KabarKan.Com29 December 2012 at 07:58

    wah makasih mas tutornya

    ReplyDelete
  3. Anonymous29 December 2012 at 16:25

    Ini yang kucari

    Selamat Tahun Baru 2013, Salam Sejahtera, Salam Sehat Selalu dari Member Republik Blogger Nusantara(Muhammad Fernanda Raihan Fadlika)

    ReplyDelete
  4. Ninja Blogger29 December 2012 at 23:34

    Wah, kayaknya keren nih. Langsung coba ah :D

    Selamat Tahun Baru 2013, Salam Sejahtera, Salam Sehat Selalu dari Member Republik Blogger Nusantara (Wawan Setyadi)

    ReplyDelete
  5. Unknown30 December 2012 at 01:46

    bagus nihh bookmark dulu :D
    Selamat Tahun Baru 2013, Salam Sejahtera, Salam Sehat Selalu dari Member Republik Blogger Nusantara (Fadhlillatur R)

    ReplyDelete
  6. Je-Fry | Indahnya Berdzikir30 December 2012 at 18:35

    Kalau itu tak usah pakek -webkit- -moz- -o- -ms juga udah bisa kok..... :D

    ReplyDelete
  7. Anonymous30 December 2012 at 19:27

    mantap dah artikelnya .. sayangnya secara manual
    Selamat Tahun Baru 2013, Salam Sejahtera, Salam Sehat Selalu dari Member Republik Blogger Nusantara(M'Rizal)

    ReplyDelete
  8. Anonymous31 December 2012 at 17:57

    Sipp Bos,, akan saya coba..
    Makasih yeaa...

    ReplyDelete
  9. Ramadhana Kurnia31 December 2012 at 20:15

    thanks udah sharing sob :)


    #jangan lupa kunjungan baliknya yaa ..
    makasi :)

    By : Education's Now

    ReplyDelete
  10. Buronan Blog1 January 2013 at 01:26

    Wah Thx ya Mas Info nya

    ReplyDelete
  11. Ghalis4rt1 January 2013 at 09:45

    Wah, ijin praktekin dulu ya mas.

    #Blogwalking Dari Ghalis4rt.

    ReplyDelete
  12. Obat Alami Jantung2 January 2013 at 17:04

    Segera saya praktekan gan, semoga efek banyangan box shadow nya berhasil. Salam kenal aja.

    ReplyDelete
  13. Anonymous2 January 2013 at 17:33

    Mantap tutorialnya, bakal saya coba kalo dibutuhkan

    ReplyDelete
  14. Anonymous2 January 2013 at 17:34

    Nice tutorial bro

    nanti saya coba kalo dibutuhkan

    ReplyDelete
  15. ardian3 January 2013 at 02:30

    buat tambah bikin cantik blog nih

    ReplyDelete
  16. Prediksi Master17 March 2013 at 20:39

    makasih mas udah di share dan sekarang akan saya coba

    ReplyDelete
  17. Heboh 2013 Hot20 April 2013 at 08:35

    ini yg saya cari, tp masih bngung cara mengaplikasikannya

    ReplyDelete

Blog ini tidak menerima komentar :
- OOT (Out of Topic)
- Pendek
- SPAM (Meninggalkan link)
- Promo

Subscribe to: Post Comments ( Atom )
Powered by Blogger.