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

24 votes379 views5 answers
Placeholder css
CSS
8 votes356 views2 answers
CSS change image height
CSS
4 votes348 views1 answer
Target css by form name
CSS
3 votes402 views2 answers
How to align form buttons right
CSS
-1 vote390 views1 answer
How to centralize cards in css
CSS
0 vote394 views1 answer
! [remote rejected] master -> master (Working directory has unstaged changes)
CSS
3 votes383 views6 answers
Htaccess
CSS
-1 vote402 views1 answer
How to write a comment in css
CSS
0 vote344 views1 answer
Autocomplete widget not working in modal popup
CSS
0 vote347 views1 answer
Grid place between
CSS