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 #2
Thursday 13 December 2012 | 0 Comments
 Tumblr_mef5j2ncid1rhvv2oo1_400_large

Post hari tu , saya ajar kalau kita hover image jadi terang . Sekarang saya ajar , hover image jadi kabur . Jom mula .

For blogskin

1. Dashboard > Template > Edit Html
2. Tekan Ctrl+f dan cari code </style>
3. Copy code dibawah ini .
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 bawah code </style>
5. Preview and save .

For Designer

1. Design > Add Gadget > Html / Javascript
2. Copy code dibawah ni dan paste kan di Html/ Javasript

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


PASTFUTURE


Post a Comment