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

0 vote212 views2 answers
Woocommerce align add to cart buttons css
CSS
3 votes263 views1 answer
Css backdrop filter blut
CSS
1 vote278 views1 answer
Css selctors
CSS
12 votes235 views2 answers
Css table alternating row color
CSS
36 votes195 views2 answers
Css translate x and y
CSS
11 votes217 views1 answer
Css white-space nowrap
CSS
0 vote223 views1 answer
Barra de rolagem vertical css
CSS
0 vote217 views1 answer
Microwave
CSS
0 vote214 views1 answer
Materialize css form file input
CSS
1 vote212 views2 answers
How to filter css red
CSS