3/1/14

Tutorial: Motion Blur Link Hover Effect

Assalamualaikum.

Kalau tak tahu macam mana rupa motion blur link hover effect, sila halakan cursor pada tulisan di bawah. Itulah dia effect-nya.




Okay, let's get started.

Step 1
Pergi ke Template>Edit HTML

Step 2
Tekan Ctrl + F serentak dan cari code a:hover {

Step 3
Copy code di bawah. Tekan Ctrl + C serentak untuk copy.

webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-shadow:3px 0px #c5e3ed, -2px 0px #f7e1e1;

Step 4
Paste code tadi di BAWAH code a:hover {

Step 5
PREVIEW. Kalau menjadi, SAVE.

DONE!

p/s: Tutorial ini applicable untuk Simple Template dan Blogskin.

0 Sakura(s):

Post a Comment