Little Cute Girl
Disclaimer
Sweet Owner

Sarah-Terengganu,Malaysia
13 y/0
Hello to all of the  かわい人 ! Enjoy my tutobies along with my story. You can leave your footsteps in the cbox below. Follow me if you think my blog is cute! LOL XD


Menu
Blueiy Button
POST CBOX


Click the word above! Don't forget to leave your footprints in the cbox!



Followers
My Friends

Credits
Leg's Note
Template 100% made by Atin Tory. This blog is edited and own by AzuNyan. Thanks a lot to C U T E for helping me.
Tutorial : Image Hover #9
Thursday, May 16, 2013 | 1:26 AM | 0 comments



Assalamualaikum! Nk buat tuto lagi! Sejak kebelakangan nih saye rase cam rajin je nk wat tuto..ngehehe..mungkin sebab tak tau nk bagi freebies ape kowt..huhu..tapi skang saye tengah wat last header untuk bagi sebagai freebies..skejap lagi saye post laa..haha..hehee..ok ok..tukar topik lak..kali ni saye nk ajar camne wat image hover blurr..maksud saye bile kite halakan cursor kat image, image tu akan jadi kabur..atau kata lain, blurr. Ok..jom start!

1. Dashboard>Template>Edit Template HTML.
2. Press Ctrl+F and cari code </style>.
3. Copy code kat bawah ni plak.

img{
opacity: .70;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
border-radius:10px;}
img:hover{
border-radius:30px;
-webkit-transition: 1.4s;
 -moz-transition: 1.4s;
opacity: 100.0; }

4. Paste di atas </style>.
5. Preview & Save.
                                                                                                                Credit : AtinTory




Older Post | Newer Post