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 vote203 views1 answer
Label width css
CSS
1 vote179 views1 answer
Qwant
CSS
0 vote259 views1 answer
Name attribute css doesn't work
CSS
0 vote197 views1 answer
Css remove margin around page
CSS
0 vote188 views2 answers
Text-align: left; width: 100%;
CSS
1 vote202 views1 answer
Width defined by content css
CSS
11 votes189 views2 answers
How to change image position in css
CSS
0 vote346 views2 answers
Html select image background arrow
CSS
0 vote189 views1 answer
How to make tet itali in css
CSS
3 votes184 views2 answers
Centralizar div no meio da tela
CSS