Forums

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

Home Forums CSS Animation Timings

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #35139
    Brightonmike
    Member

    I’m playing around, for fun, with animations.

    I’m trying to use them to create a fun little loading animation. I seem to be on the right track. The trouble is, once they’ve animated once, the timing is completely off.

    http://jsfiddle.net/GXJnN/

    Any ideas? It would be awesome to get this working.

    #90599
    Brightonmike
    Member

    Btw, the animation only works when you hover, it’s just below the middle of the results frame. You can’t see it until you hover, sorry!

    #90600
    chrisburton
    Participant

    change the color from #fff to black

    #90602
    Brightonmike
    Member
    #90603
    chrisburton
    Participant
    #90604
    Brightonmike
    Member

    Nope. When you hover, the timings are all wrong. What I’m trying to do is delay the fade of the second arrow. The problem is, if you increase its timing, you offset it, messing the timings up.

    Trying to figure out a way to delay it.

    #90605
    Brightonmike
    Member

    Ignore the rotate on the first bit, that was rogue code, sorry

    #90643

    Just use the animation-delay property to delay the start of the animation on the second element: http://jsfiddle.net/sl1dr/d5c2A/

    #90659
    Brightonmike
    Member

    Excellent, I found it too, thanks a lot :)

    #90703

    No worries!

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