Forums

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
    Posts
  • #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 :)

    #97846
    Paulie_D
    Moderator

    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?

    #97849

    @Paulie_D:
    http://www.kinetic.com.sg/main.html

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


    @karlpcrowley
    :
    Cool, I’l go check it out. I’m a newbie on this forum, never used jsfiddle.net before

    #97861

    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: http://dabblet.com/gist/1953867

    #97891

    @joshuanhibbert:

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

    #97892

    Yes it is CSS3, pretty cool isn’t it? Check it out on this site: http://impending.com/

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