Forums

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

Home › Forums › CSS › CSS3 Animations

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 11, 2011 at 11:52 am #35591
    Krewe
    Member

    Hey Guys,

    I have a question about CSS3 Animations.
    How can I make it so whenever someone loads the page the animation starts automatically?
    But I don’t want it to repeat. Basically just like Chris’ links up top. How when you load the page the colors do a wave motion and then stop.

    Thanks
    Krewe

    December 11, 2011 at 12:15 pm #92455
    Senff
    Participant

    This would be a super standard way of animating a color http://jsfiddle.net/nYh6L/2/

    Not sure what you mean with “colors doing a wave motion” but maybe this helps you on your way.

    I’ve only recently learned this method though, so perhaps there are much better ways. Personally, I would actually use jQuery for this, since that would also work in IE and Opera, unlike this method.

    December 11, 2011 at 12:41 pm #92456
    Krewe
    Member

    What I mean by a wave motion is just they each are delayed differently so the colors move across the page in a wave fashion. That’s all.

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