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 vote320 views1 answer
Ios safe area
CSS
1 vote345 views1 answer
Cmd hash file
CSS
0 vote298 views1 answer
Dict to sql python
CSS
12 votes386 views1 answer
Css curve table border
CSS
0 vote351 views1 answer
Td wrap text without space
CSS
2 votes316 views1 answer
Make object not selectable javascript
CSS
0 vote314 views1 answer
How to make a square div in css
CSS
5 votes317 views4 answers
Inset css
CSS
1 vote313 views1 answer
Convert string to uppercase while typing
CSS
1 vote321 views1 answer
How to make horizontal rule dotted
CSS