tutorial rounded image hover effect



hye korg !!

eyh , lme da ta update blog ! yea la , as u know , akuu stay hostel . oukayy , ari nie , akuu na aja korg cmne na buad rounded image hover effect .

korg na tawu mende alah tu yg mane ? oukayy , now seretttt cursor pegy kt mane2 image dalam blog akuu nehh . then nnty korg mesti nmpk ade shadow with the rounded border . haaa , bende tu lahh .
first at all ,

dashboard>design>edit html

search code yg kt bawah nehh eyy ? =='
a img {
da jmpe kee hunn ? then , paste enn code bawah nie dekadd bawah code tadyy .

img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 40px #bebaba; -moz-box-shadow: 0px 0px 40px #bebaba; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 0px dashed #000000; border-radius: 40px; -moz-border-radius: 40px;}

tulisan kaler oren : lebar shadow
tulisan kaler biru : warna shadow

done ! kalo ade apeape ta phm atau ta jadyy , juz tanye k ! (":

12 comments:

amanina. said...

buleh tlg tak?? :) tak jumpa la code yg awk suru cari tu.

momoNERD said...

opcoz bole hunn (": try search code nie :

/* Header

paste code yg kt entry ats tuh ATAS code /* Header

Liiyana ♥ said...

tak jadi pon :(

FN atirah said...

awak , saye da buat . jadiiiiiiiii , ty sgt . tapi shadow dea tkde warne la , hihi , cane nak dpt kan code wane shadow tu ek ?

momoNERD said...

bole amik kt cnie yunk ;)

http://html-color-codes.info/

FN atirah said...

okay . ty dear <3

FN atirah said...

salam , saye nak tnye :) . cane awak buat garis-2 ptus-2 kat dalam about me tu eh ? suka lahhh :) . buat tuto bole ?

momoNERD said...

wslm . most welcome ;) erk , yg tu buad kt dalam accordion menu .

FN atirah said...

accordian menu ? sory , kurang jelas lah

momoNERD said...

guna tuto nie ;)
http://themagickeyboard.blogspot.com/2011/02/tutorial-accordion-tabs-menu.html

sory , i ta sempat na buad tuto sendiri -,-

wαnîêÿ said...

cari kod dlm entry xjumpee. tp yg kod /*header buad tak menjadii. npe eyhh? ;(

★Anis Azman★ said...

assalammualaikum... akk nk tnye... akk gne template ape erk???