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

22 votes406 views2 answers
React bootstrap carousal not working
CSS Bootstrap
1 vote377 views2 answers
Absolute vertical position css
CSS
39 votes322 views2 answers
Css to increase font size
CSS
3 votes345 views2 answers
Scss watch command
CSS
7 votes373 views3 answers
Bootstrap remove outline
CSS Bootstrap
61 votes344 views3 answers
Css radius background color
CSS
1 vote306 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
0 vote333 views1 answer
Add css class c#
CSS
2 votes316 views1 answer
Free css templates
CSS
100 votes373 views2 answers
What is position property in css
CSS