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

Home Forums CSS Image sroll down no bounce

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #244730

    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


    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.

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