Membuat Kesan Khas Pada Gambar

Langkah-langkah membuat kesan khas pada gambar:

1. Sign blog anda.

2. Klik Design.

3. Klik Edit HTML.

4. Cari kod ini a img {.

5. Gantikan kod dibawah a img {  dengan kod dibawah ini.

a img {

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);

opacity: .6;

border-radius:20px;

border: 1px #FF66CC;

-webkit-box-shadow: 0px 0px 20px #FF66CC;

-moz-box-shadow: 0px 0px 20px #FF66CC;

}

Contoh sebelum

a img {

border-width:0; (Kod yang perlu di ganti)

}

Selepas

a img {

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);

opacity: .6;

border-radius:20px;

border: 1px #FF66CC;

-webkit-box-shadow: 0px 0px 20px #FF66CC;

-moz-box-shadow: 0px 0px 20px #FF66CC;

}

6.Bagi yang tidak jumpa kod a img { .Copy kod dibawah dan paste sebelum #header-wrapper.atau * Headings

a img {

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);

opacity: .6;

border-radius:20px;

border: 1px #FF66CC;

-webkit-box-shadow: 0px 0px 20px #FF66CC;

-moz-box-shadow: 0px 0px 20px #FF66CC;

}

7.Save.

Nota : Anda boleh mengubah warna effect.Default warna pink.jika hendak menukar warna, tukar tesk warna merah dengan kod warna yang anda inginkan.Boleh lihat disini kod warna