The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Simple CSS3 animation problem
I’m having a hard time figuring this out. I’m trying to animate in a direction and have it sit where it animates to. Instead it bounces back. Can someone explain how to get this to work correctly? I included a copy paste example of whats going on.
div { -webkit-animation: shit-test 1s; position:absolute; left:500px; top:100px; width:200px; height:200px; color:red; background-color:red; }
@-webkit-keyframes shit-test { from { left:500px; } to { left:300px; }
}
No takers?
http://jsfiddle.net/bBmY9 more support.