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 vote232 views2 answers
Css firefox remove scrollbar
CSS
0 vote245 views1 answer
What is the opacity of disabled text
CSS
52 votes197 views4 answers
Css cursor pointer hover
CSS
0 vote220 views1 answer
Add .css to CKEDITOR
CSS
10 votes221 views2 answers
Line-height css
CSS
0 vote226 views1 answer
@media for react style css
CSS
0 vote226 views1 answer
Text align in materialize css
CSS Materialize
0 vote214 views1 answer
Inline-block column appear higher than others
CSS
11 votes196 views1 answer
90deg rotate to left css
CSS
2 votes277 views1 answer
Sass class with another class
CSS