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 vote285 views1 answer
How to apply css on react chartjs
CSS
-1 vote274 views1 answer
Most essential css elements
CSS
5 votes395 views2 answers
Materialize css cdn
CSS Materialize
3 votes236 views1 answer
Rotate icon on click css
CSS
0 vote295 views1 answer
Css layout tutorial
CSS
0 vote279 views1 answer
Display flex css compatibility
CSS
2 votes278 views1 answer
Index in javascript
CSS
0 vote307 views1 answer
Closing modal on iframe movies still running
CSS
0 vote290 views2 answers
Background blend mode
CSS
39 votes284 views5 answers
Add drop shadow css
CSS