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

2 votes372 views1 answer
Blue outline after click when in mobile view
CSS
1 vote377 views1 answer
Text-shadow
CSS
63 votes400 views6 answers
Html center image
CSS
1 vote363 views1 answer
How to stop a page from scrolling horizontally
CSS
0 vote347 views1 answer
Target button of fileinput css
CSS
1 vote372 views1 answer
Javafx right-align in vbox
CSS
0 vote355 views1 answer
Sass dummy folder site download
CSS
5 votes377 views1 answer
Make div the size of the text inside
CSS
1 vote343 views3 answers
Css profile picture round
CSS
0 vote343 views1 answer
Chrome remove black inline from click button
CSS