Forums

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

Home › Forums › CSS › [Solved] CSS3 animation:@keyframes

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 15, 2013 at 5:07 am #150132
    lrelia
    Participant

    Hey,guys.Does anyone know about @keyframes? I write a code which intends to make the ball slide away again and again.But it won’t work.Any help will be thankful.

    http://codepen.io/lrelia/pen/KEgdo

    September 15, 2013 at 5:32 am #150134
    georgearnall
    Participant

    You need to include the amount of time the animation will run for. Also, you needed to add position: absolute to the the circle so that the left:; top:; rules will work.

    To make the animation loop you also need to add infinite to the animation:; rule.

    CodePen

    Hope this helps you :)

    September 15, 2013 at 6:14 am #150137
    lrelia
    Participant

    It works perfertly.Thank you so much.

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