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 vote301 views1 answer
Css inherit class
CSS
0 vote284 views1 answer
How to disable keyboard in windows 10
CSS
5 votes257 views3 answers
Npm 'cross-env' is not recognized as an internal or external command
CSS
1 vote252 views1 answer
Scss nesting
CSS
4 votes233 views1 answer
Grid repeating auto columns
CSS
0 vote254 views1 answer
Transform: scale time anpassen
CSS
0 vote242 views1 answer
Align links to right css
CSS
0 vote213 views6 answers
Comments in css
CSS
0 vote224 views1 answer
Body css margin, background, font-family, hei
CSS
0 vote245 views1 answer
Hide featured image in wordpress
CSS