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 vote386 views3 answers
Sphinx css templates
CSS
9 votes356 views6 answers
Round button css
CSS
0 vote423 views1 answer
Spanning Items Across Rows and Columns
CSS
1 vote353 views1 answer
Steps() property css
CSS
23 votes386 views3 answers
How to change placeholder color
CSS
0 vote793 views1 answer
Fading bottom image css
CSS
47 votes374 views6 answers
Css center text in div
CSS
2 votes416 views5 answers
Csgo
CSS
0 vote363 views1 answer
Css flex bottom
CSS
1 vote364 views1 answer
Why tr border not showing
CSS