tutorial round haver + shadow


hey guys .
today i na uat tutorial about round hover with shadow .
tuto nie requst dari MISS LALA

ukeyh . 
first step : dashboard - design - edit html - tick expand widget

second : tekan CTRL+F secare serentak untuk cari code nieh :
/* Header
dha jumpe ke blom ?
lau dha jumpe .
copy plak code at bawah nie n paste at ATAS code yg kowunk cari tadi :

 /*------ IMAGE ANIMATION------*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -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: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #ff0080;padding: 0px;}

 code cakar yg warna kuning uh kowunk bole gantikan dengan code warna yg kowunk nakkan ye :)

dha siap !
REMEMBER !
before save , preview dulu .
lau dha puas aty bawu save ye ..


selamat mencube :')



sekian ~




kalau dha bace , sila like or komen yaww , terima kasih .

0 00 suara hati mereka: