The Tutobies
About;
What's Happening?

Liyana Izzati. Fifteen. Seoul. I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.

Shout here;
Talk to much



Credit;
The Cretive!

© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati.

Tutorial : Image Hover Style #1
Thursday 13 December 2012 | 0 Comments
 Tumblr_mcf2p710lj1rsudnqo1_500_large

Assalamualaikum . Maaf saya dah padam semua tuto saya . Tuto saya ada masalah pada gambar . Jadi saya buat balik . Saya nak ajar kalau kita hover image , nanti image tu akan jadi terang . Jom mula . 

For blogskin

1. Dashboard > Template > Edit HTML . 
2. Tekan Ctrl+f dan cai code </style>
3. Copy code dekat 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 tadi di atas code </style>
5. Preview and save .

For Design

 1. Design > Add Gadget > HTML/ Javascript
2. Copy code bawah ni dan paste di dalam Html/JavaScript


 
<style>
    /* ----- Image opacity effect 2 ----- */
    .post a img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
    }

    .post a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
    }
    </style>
3. Save .

PAST • FUTURE


Post a Comment