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

20 votes226 views2 answers
Css disable selection
CSS
17 votes218 views1 answer
Yarn problem
CSS
0 vote212 views2 answers
Media Query smartphone only
CSS
0 vote203 views1 answer
How input field bottom shadow in css
CSS
0 vote217 views1 answer
Closing modal on iframe movies still running
CSS
1 vote221 views2 answers
How rotate infinity css
CSS
1 vote215 views1 answer
Css flip svg
CSS
15 votes212 views2 answers
Css center elment screen
CSS
2 votes207 views1 answer
Css text dont select
CSS
0 vote208 views1 answer
How to target input type with css
CSS