♥tutorial : hover with shadow

pon pon..

tumpang lalu...asenye da lame ta wat tutor ni kan..

maklomla..da lame ta update blog la katakan..

org bz mmg mcm ni..haha

**prasan..

so..arini lya na ajar kamu2 sume mcm mane na buat hover with shadow..

ta tw ape mende uh? ce korang ltak arrow uh kat mne2 pic dlm blog lya..ade byg2 wane pink kn? korang na?

meh na ajar..

1dashboard .> design > edit html > tick expand widget templates

2. tekan ctrl+f (serentak ye) then search code neyh

 /* Header

3.da jumpe kan? korang copy plak code kat bwh ni then paste kat atas code td...orait?

  /*------ 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;}

 yg tulisn warne pink 2 korang boley tukar dgn warne yg korang nak..code warne boley cari kat SINI !!

4.da siap..preview dulu..lau ta de pape error korang save je la ea... -selamat mencuba-