Tutorial : Gambar Jadi Blur Melengkung Bila Cursor Menyentuh

Gadis Kidal Berceloteh...

29/11/2011

.Assalamualaikum !

Peacee ^_^v

Heyyy . Korang .. Kali ni  , Lyssa nak ajar kepada sesiapa yang berminat untuk mem-blurr kan jadukan melengkung gambarnya bila cursor menyentuh . Macam Lyssa gunakan sekrang ni . Cuba hala kan cursor Lyssa dekat mana - mana gambar dalam blog ini . Jadi blur dan melengkung kan ? Tak paham . Macam kat bawah ni . huhu :)

Promote : Nak DUIT banyak tu ? KLIK SINI :)

 Okeyy , nak kan jadi blurr macam itu . Macam ini :

1. Log in > Dashboard > Design > Edit Html

2. Tekan Ctrl F serentak dan cari kod ini :

a:visited {

3. Ada tak ? Kalau ada bagus ! Paste kod di bawah ini , di bawah kod yang korang carikan tu ekk ?

a img {
border-radius:10px;
border-width: 0;
}

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

4. Contohnya macam ini :

  KLIK Gambar untuk nampak lebih jelas :)

5. Bila dah paste , boleh lah korang SAVE !

6. Now , pergi dekat blog korang . Macam mana  ? Menjadi takk ? :)

=SELAMAT MENCUBA=

KONGSIKAN ARTIKEL INI..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest