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 vote155 views1 answer
Putting picture shaddow in css
CSS
0 vote162 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
1 vote149 views2 answers
Css button border
CSS
1 vote150 views1 answer
About us page template html css codepen
CSS
0 vote158 views1 answer
Showing danger message in red in terminal bash
CSS
0 vote151 views1 answer
Buttons have strange style iOS
CSS
3 votes154 views3 answers
Svg animation css
CSS
0 vote161 views1 answer
What is focus state in css
CSS
70 votes165 views4 answers
Css vertical align center
CSS
1 vote152 views1 answer
Css use :root
CSS