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

24 votes249 views6 answers
Background remover
CSS
0 vote280 views1 answer
Css checkbox'':checked change color
CSS
0 vote235 views1 answer
Text zentrieren
CSS
0 vote227 views1 answer
Css table th width
CSS
0 vote224 views1 answer
Flask sqlalchemy array column
CSS
0 vote253 views1 answer
Css saturate
CSS
39 votes220 views2 answers
Font size x large in css
CSS
8 votes227 views6 answers
Background image overlay
CSS
0 vote249 views1 answer
P{ color: blue; font-size: 14px; }
CSS
179 votes340 views6 answers
Filter method
CSS