When mouse is over an image, possible to display an animation image?

I've seen how to create an image and use CSS, so that when the mouse is over the image - a new image appears.

Is it still possible to replace the "mouseover" image with a gif anim in pure css?

Thanks

 

I am sure you could just replace the mouseover image with a gif animation but there may be better ways to do this.

What sort of animation are you wanting?

 

A gif anim would be fine to use - just looking to push CSS really. It is possible to have a jpeg then when mouse is over, change to a gif? Never tried it...

My example code is:
#aboutmenu {
left : 700px;
width : 40px;
}
#aboutmenu A:hover {
background : url(images/bbanav.gif) no-repeat -700px -30px;
}

 

I assume so, the css alters the image so the image type shouldn't make any difference.

 

Na, it doesn't work. Without using JS, using Pure CSS won't let you incorporate a gif anim

 

Why not? See attached.

 

Checked. Your Gif animation is not working when the mouse hovered. CSS may not supporing.

 

Did you save the gif anim on your computer and then test? I didn't test, but from what it looks like, seems ok..

 

Yes, you will have to click on the thumbnail and save the GIF. I tested it in FF and IE6 and it worked correctly.

 

Hope!

You got answer for this thread!