on tumblr html, how do you create a gradual fading effect on your photos?

J

justcurious

New member
i currently have the following code that makes my pictures fade when I hover over them:

<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=70);
-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
</style>

if you don't know what i mean then you can view my page here: http://xstaticdreams.tumblr.com/

anyway, when you hover, the opacity changes instantly. i want something more like this user's page, where the change is gradual and takes a second: http://heartgrenade.tumblr.com/

can someone tell me what i need to add into my code to make the fade gradual like she has?
if it helps you can view the html coding for one of her custom themes (that has the effect) here:
http://freetexthost.com/lfnismg6eu

but from the looks of it she went about the opacity change differently then I have it?

thanks for your help!! ^-^
 
Back
Top