Cake Cup

Cursor menyentuh gambar, Sekeliling gambar menjadi oval.

Hi, Salam ,Hello ! hari nie tetiba nak buat tutorial ,

sbb ade org nie sruh org buat kan tutor cara cursor hala kat gambar jerr
ade border melengkung ok nk thu lebih lanjut jom kiter mulerkan ^_^!

ok just ikut tutorial kat bawah nie okay .

Korang pergi kat    Dashboard - Design - Edit Html , lps tuh ikut cre kt bawah nie :-

First korang pegi cari kod nie -

/* Header
ok dah jumper ? bagus ok lps tuh paste kan kod dkt bawah nie di ATAS kod "/* Header" tuh 

/*------ 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 #E3648D; -moz-box-shadow: 0px 0px 20px #E3648D; -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#E3648D; 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;
}

Okay yang warne biru tuh warne background yg korang ske

Yg merah tuh warne sekeliling diek atau border diek

korang bleh cari kod warna dekat sini yer

SINI !!!

sekian terima kasih !Opps , jgn luper preview dlu , klau x dek error trus save okay :)


No comments: