Css animation sin

div{
  position:absolute;
  left:0;
  width:10%;
  animation: translate 15s infinite linear;
}
img {
  position:absolute;
  animation: upDown 1.5s alternate infinite ease-in-out;
  width:100%;
}

@keyframes upDown {
  to { transform: translatey(100px);}
}
@keyframes translate {
  to { transform: translatex(900%);}
}


/*
<div>
  <img src="http://i.imgur.com/QdWJXta.png">
</div>
*/

Source: stackoverflow.com

Similar codes

3 votes362 views2 answers
How to align form buttons right
CSS
0 vote331 views1 answer
If i forked and cloned a github repo can i change the name
CSS
0 vote306 views1 answer
Flex direction tailwind
CSS
22 votes322 views5 answers
Grid center css
CSS
0 vote304 views1 answer
Css animation delay does not work
CSS
0 vote307 views1 answer
Control one swiper with other
CSS
0 vote375 views1 answer
Bootstrap popover style width
CSS Bootstrap
-1 vote365 views6 answers
How to comment in css
CSS
0 vote345 views1 answer
Css create array
CSS
1 vote304 views1 answer
Css selector not contain
CSS