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 vote134 views1 answer
Hex color code for tan
CSS
0 vote139 views1 answer
Css border image repeat property
CSS
1 vote138 views1 answer
Ionchips scroll x
CSS
0 vote153 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
0 vote150 views1 answer
Elementsone after other css
CSS
0 vote132 views1 answer
Two background css
CSS
0 vote134 views1 answer
Css static header on scroll
CSS
0 vote166 views1 answer
Display inline not alligned
CSS
0 vote124 views1 answer
Z index div over cursor
CSS
86 votes145 views6 answers
Css all caps
CSS