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 #1
Saturday, May 4, 2013 | 6:29 AM | 0 comments


Halo lagii..hari ni rase rajin lak nk wat tuto..ok..tuto ni saye belajar ngan kak tieqa..so credit pade diye ok? Ok..image hover ni, bila kite sentuh gambar, ia akan jadi lebih terang..cube halakan cursor kat gambar atas tu..jadi lebih terang kan? nk buat camtu jugak? jom belajar! btw..ni tutorial untuk classic template je!

1. Dasbhboard>Template>Edit Template HTML
2. Tekan ctrl+F serentak dan cari code kat bawah nih.

</style

3. Copy code bawah ni.

 /*------ IMAGE ANIMATION------*/
img, a img { border: 0px;  opacity: .75; filter: alpha(opacity=100); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.5s linear; -moz-transition: opacity 1.5s linear; }
img:hover, a:hover img {opacity: 100; filter: alpha(opacity=100); -o-transition: opacity 1s linear; -webkit-transition: opacity .8s linear; -moz-transition: opacity 1.5s linear; }

4. Paste code ni di atas </style> tadi.
5. Preview,save & done!




Older Post | Newer Post