Sunday, January 1, 2012

Tutorial : Kesan Khas pada Gambar

Nak buat blog korang lain daripada yang lain tak??hhmm...taklah banyak sangat lainnya....boleh dikatakan....BOLEHLAA....hehehehe....

Nie tutorial yang ketiga yang Eyz buat hari nie....hahaha....saja jaa nak isikan masa terluang yang masih ada nie....ehhee...

Kesan khas pada gambar nie maksudnya....apabila korang lalukan cursor korang pada sesuatu gambar tu, gambar tu akan memberikan kesan khas.....kat bawah nie ada contoh kesan khas yang berlaku sebelum dan selepas cursor melalui gambar tersebut....

:: sebelum  :: 

:: selepas ::

LANGKAH-LANGKAH

1- Sign in Blog >>> Dashboard >>> Design >>> Edit HTML
*jgn lupa buat backup template dulu erk sebelum buat pape 

2- Klik Ctrl+F >>> Cari kod 

a img { 

ataupun 

img {

3- Padamkan / Delete kod selepas kod yang korang cari tadi...

4- Gantikan kod yang dipadam dengan kod kat bawah nie...

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

!!!....SAVE TEMPLATE DAN SIAP....!!!

SELAMAT MENCUBA

1 comment:

Niena Sofea said...

Niena tag sis disini .. =)

http://nienasofea.blogspot.com/2012/01/1st-contest-blog-paling-comel.html