Iklan Nuffnang

..................................................................................................

..................................................................................................

Thursday 1 March 2012

Cara Buat Kesan Khas Pada Gambar Apabila Terkena Cursor

SEMOGA APA YANG ADMIN KONGSIKAN BERMANFAAT UNTUK KORANG SEMUA. JIKA ADA KELUAR IKLAN SEMASA MENDOWNLOAD..HARAP KORANG BIAR LOADING SEHINGGA HABIS. BAGI LAH SEDIKIT PENGHARGAAN UNTUK DUNIAKONGSI. TERIMA KASIH JIKA MEMAHAMI (^_^) p/s : SILA LAPORKAN DI RUANGAN KOMEN JIKA TERDAPAT LINK YANG ROSAK

Salam semua. hari ini admin nak berkongsi lagi tutorial mudah dengan korang. kali ini admin kongsikan Cara Buat Kesan Khas Pada Gambar Apabila Terkena Cursor. seperti yang korang tengok pada gambar diatas, gambar akan berubah apabila terkena cursor

Berminat nak buat?. admin akan ajar caranya. yang penting korang kena ada coding dibawah :

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


CARA 1
Korang klik Dashboard > Design > Edit Html > Expand Widget Templates (klik) > Ctrl F   dan paste a img

Bila dah jumpa  a img , korang paste coding tadi selepas coding a img



CARA 2
(klik) > Ctrl F   dan paste  /* Headings atau /* Header. kemudian korang paste coding dibawah sebelum coding /* Headings atau /* Header tadi

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


Bila dah siap semua, klik SAVE dan lihat hasilnya. korang boleh cuba tukar warna ikut kesukaan korang. pandai2 lah korang godek2 yer. semoga ianya menjadi untuk blog korang. ikhlas admin kongsikan. terima kasih sebab sudi singgah sini (^_^)


Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih (^_^)


4 comments:

mDOTsyafiq said...[Reply to comment]

hello KONGSI . shafyq nak TRY ye !

Kongsi Apa2 Aje said...[Reply to comment]

@ShafyqOnlyy wah..cepat yer masuk...huhu. try ler (^_^)

mDOTsyafiq said...[Reply to comment]

@Kongsi Apa2 Aje kenapa takde kod yang kena cari tuh ?

Kongsi Apa2 Aje said...[Reply to comment]

@ShafyqOnlyy plak dah..mybe template kamu lain sikit kot yer

nanti admin edit post jap..letak cara no 2 (^_^)

Iklan Nuffnang

Share This With Your Friends

 
NAK YANG LEBIH HEBAT?. TENGOK NI..