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 vote298 views1 answer
How to scale pixels in css
CSS
64 votes273 views6 answers
Rotate css
CSS
1 vote289 views1 answer
Css animate border bottom on hover
CSS
0 vote358 views1 answer
Bulma modal
CSS Bulma
1 vote313 views1 answer
Timesheet template html css
CSS
2 votes295 views1 answer
Html remove hittest from element
CSS
0 vote320 views2 answers
Sass if
CSS
0 vote318 views1 answer
Rotate box-shadow
CSS
0 vote307 views1 answer
Adding script in vat for product order shopify
CSS
6 votes288 views1 answer
How to center an hr
CSS