The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Sprite that works like a gif?

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #36931

    Hi all!

    I have a question about CSS sprites. Recently I saw a really cool effect that I would like to try out. At first I thought it was a .gif image, but actually it uses the sprite method and automatically switches the value of the background image to work like a gif (I hope this sounds clear enough). I’m not sure if a javascript file was manipulating it.

    I was wondering how is it possible to have it automatically switch values? Any hints will be greatly appreciated :)


    Can you provide us a link to the effect that you are referring to?

    What triggered the change…a hover, a click or something else?



    Some of the images appear to be gifs, but it’s actually the background-position property switching automatically. No clicking or on hover.

    Cool, I’l go check it out. I’m a newbie on this forum, never used before


    That site is doing is using JS, but you can also do it using CSS animations. You just need to wrap your head around steps. Here is an example:



    That is amazing, is that CSS3? I learnt something new today, thanks!


    Yes it is CSS3, pretty cool isn’t it? Check it out on this site:

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.