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 vote131 views1 answer
Text overlay animation css
CSS
11 votes147 views1 answer
Wrap none css
CSS
1 vote127 views1 answer
Use a local font css
CSS
4 votes130 views1 answer
Footer at bottom of body
CSS
0 vote128 views1 answer
Exclude html content when print
CSS
1 vote150 views1 answer
How to make slideshow not go over navigation bar
CSS
1 vote127 views1 answer
Why is my css code not working
CSS
1 vote131 views1 answer
Align centre
CSS
4 votes135 views2 answers
Import fontawesome
CSS
0 vote168 views2 answers
What is the request payload in jaavascript fetch
CSS