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 vote337 views1 answer
Body{text-align: center;}
CSS
3 votes360 views3 answers
Responsive text css
CSS
1 vote340 views1 answer
How to make button appear on hover
CSS
-1 vote330 views2 answers
Css make border rotate around element
CSS
0 vote355 views1 answer
Bootstrap accordion some change
CSS
13 votes319 views1 answer
W3schools keyframes
CSS
2 votes352 views1 answer
Blue outline after click when in mobile view
CSS
0 vote332 views1 answer
Parcel-bundler bulma css
CSS
2 votes363 views1 answer
How to set font max width in css
CSS
0 vote399 views3 answers
Bulma capitalized
CSS Bulma