1 reply [Last post]
rightclick
rightclick's picture
Offline
newbie
Last seen: 2 years 39 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;
    }
[code]
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
Maujor's picture
Offline
Regular
Rio de Janeiro, Brazil
Last seen: 2 years 28 weeks ago
Rio de Janeiro, Brazil
Timezone: GMT-2
Joined: 2003-11-21
Posts: 46
Points: 2

keyfames

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