« Back to the HTML Forum

how to add transition a blur pic hover??

Posted by nago

posted
updated

Forum: HTML Group

so, i got this code from https://hessostrange.neocities.org/hovereffects , i customized it and everything, it looks like this:

<style>

.friends-grid img:hover, .comments-table td img:hover:before{

  filter: blur(0px) !important;

  transition: filter 0.5s;

}

.friends-grid img:hover, .comments-table td img:hover{

  filter: blur(5px) !important;

}

</style>

BUT!!!!!!!! i don't know how to make it fade back to normal when you move the cursor off of it.


Report Topic

2 Replies

Sort Replies:

Reply by heath

posted
updated

i just tested that code and it all is working fine - the image un-blurs when you move the mouse off the photos. that tells me it is probably conflicting with other coding that you are using on your profile. probably coding that effects those sections of your profile.

i also visited your profile and it seems to be working fine on your profile right now - it's doing exactly what you want it to do. maybe it could have something to do with the browser you are using.


Permalink Report Reply

Reply by nago

posted

i know!! i didn't explain myself correctly, sorry! i mean, the blur works just fine. so does the transition of fading from normal to blur -

it's the transition of fading from blurry to normal that i don't know how to code


Permalink Report Reply