Making CSS animations permanent

Asked Jul 30 '11 at 15:42

Active Jul 30 '11 at 17:29

Viewed 138 times

Possible Duplicate:
Webkit CSS Animation issue - persisting the end state of the animation?

My CSS animations work really nicely. At least until they complete when everything rudely snaps back to its original position. How can I make the animated elements maintain their post animation location?

Edit Code:

.some_class 
{
  -webkit-animation-name: this_animation;
  -webkit-animation-duration: 2s;
  -webkit-animation-play-state: active; 
}

@-webkit-keyframes this_animation
{
  from {top:0px;}
  to {top:50px;}
}

EDIT: Finally found the answer here: Webkit CSS Animation issue - persisting the end state of the animation?

edited May 23 '17 at 11:55

Community

asked Jul 30 '11 at 15:42

providence

29,135
13
46
62

Some additional code would help a ton. – Garrett Smallwood Jul 30 '11 at 17:17
Thats all there is to it... Its just a simple CSS animation. The issue is when it completes, top:50px; reverts to top:0px; – providence Jul 30 '11 at 17:18
1

You should post your answer as a solution and accept it. – tw16 Jul 31 '11 at 16:31

Making CSS animations permanent

0 Answers0