1 reply [Last post]
rightclick's picture
Last seen: 6 years 32 weeks ago
Timezone: GMT+3
Joined: 2016-08-19
Posts: 1
Points: 2

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

Maujor's picture
Rio de Janeiro, Brazil
Last seen: 6 years 21 weeks ago
Rio de Janeiro, Brazil
Timezone: GMT-2
Joined: 2003-11-21
Posts: 46
Points: 2


Try this:

0% { -moz-transform: translateY(0); }
100% { -moz-transform: translateY(200px); visibility:hidden; }

Maurício "Maujor®" Samy Silva
Site: http://maujor.com
Books: http://livrosdomaujor.com.br