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
nah kalau di template gw sebelum nya,ketika di hover judul post nya akan bergeser kesamping kan warna nya? itu bukan sekedar css background doank seperti gw sebutkan di atas tadi,tapi itu menggunakan SHADOW bukan BACKGROUND,lah tapi kok bisa bergeser kesamping bro?
itu karena di tambah menggunakan efek transition,jadi keliatan kesamping di tambah lagi di atur box shadow nya,kalau udah pinter ngatur bisa di rubah rubah efek nya,bisa muncul kesamping,ke atas,ke bawah,tapi disini wajib menggunakan efek transition dulu biar gak kaku ketika di hover
nih 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 gw terapkan semua disini tinggal di pelajari aja okay,gw gak mau bahas panjang panjang silahkan di nikmati sendiri
LIVE DEMO
silahkan di pelajari sendiri
copas,sertakan sumber nya yahh
see you
0 comments:
Post a Comment