Tutorial : Gambar Jadi Blur Melengkung Bila Cursor Menyentuh

\\Wahello//

Nak teach korung macam mana gambar boleh melengkung apabila cursor menyentuh.

Contohnya macam bawah ni 

( Klik gambar untuk melihat dengan jelas ) 

Nampakkan ? Siap berwarna pink lagi.

Maybe blogger yang baru ni nak kowt , blogger lama tak minat kowt.

Takpe jangan risau. Fee hanya sekadar berkongsi ilmu , jea dengan korung.

Manalah tahu ada yang berminat , ye tak ?

Tanpa membuang masa kita mulakan operasi kita ni.

1. Dashboard > Design > Edit HTML > Tick Expand.

 

2. Tekan Ctrl + F serentak , dan cari kod ini.

a:visited { 

3. Bagi yang ada copy kod di bawah ni dan paste dibawah code yang korung cari tadi. 

a img {
border-radius:10px;
border-width: 0;
}
img:hover{
filter: alpha(opacity=70);
opacity: .6;
-webkit-transition: 0.5s;
border-radius:20px;
}

4. Save!^_^V