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 vote259 views1 answer
How to enlarge image when hover on in css
CSS
0 vote295 views2 answers
Scrolling banner
CSS
1 vote288 views1 answer
Tzutc
CSS
0 vote298 views1 answer
Nokogiri xml diff
CSS
39 votes286 views6 answers
Css pointer-events
CSS
0 vote279 views1 answer
Shrouded
CSS
7 votes292 views6 answers
Animation css
CSS
0 vote292 views1 answer
Grid css fr width of content
CSS
0 vote268 views1 answer
Include css typo3
CSS
0 vote268 views1 answer
Css transparent input text box
CSS