Cara Membuat Hover Shadow dengan CSS

MurliCyber    2/16/2016    Css3 , Tutorial    Comment   

Yeay,teknik hover shadow ini sebenar nya udah lama yang pake tapi gw perhatiin di blog blog orang belum ada yang share trick ginian,bahkan gak ada sama sekali,pernah kan di template gw dulu saat di hover judul post nya akan ada efek warna arah ke samping? nah itu dia shadow hover nya,sebenar nya itu efek hover bukan background biasa kayak gini #blabla:hover{background#222;} kalau itu sih ketika di hover cuma background nya aja yang berubah

Ini basic css hover nya

box-shadow: inset 0 0 0 0 #kodewarna;

Itu yang angka "0" bisa di atur berapa "px" aja terserah, untuk menggonta ganti efek nya bisa muncul dari atas, bawah, samping tergantung kepinteran mengatur css nya juga sih

Untuk lebih jelas nya bisa di pelajari disini, udah saya terapkan semua disini tinggal di pelajari aja okay, saya gak mau bahas panjang panjang silahkan di nikmati sendiri

DEMO

Silahkan di pelajari sendiri, Semoga bermanfaat.