Image sroll down no bounce

[rightclick]

what I want is to have an image arrow animate down infinitely, this is working, but I do not want to have it bounce back, I found css3 code, but the bounce back is the issue:

@-moz-keyframes slide{
  0% {-moz-transform: translateY(-10px;);}
  90% {-moz-transform: translateY(5px);}
  100% {-moz-transform: translateY(-10px);}

}

.slideshow img
{

    animation: slide 5s infinite;
}

This is working only I want to remove the bounce back part (In animated gif it works the scroll down ends and it starts from the start up without bouncing back, this is the effect I want to create

Many Thanks

[Beverleyh]

Its hard to visualise what you mean.

If you provide a demo in CodePen so that we can see the undesirable behaviour of the animation, and put the alternative gif alongside so that we can see what it should look like, we might have more of a chance of understanding.

[Paulie_D]

You mean like this?

http://codepen.io/Paulie-D/pen/AXzrwj

[Author]

Posts