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

34 votes195 views4 answers
Css hide element
CSS
0 vote216 views3 answers
Bulma lowercase
CSS
1 vote181 views1 answer
Css position absolute transition
CSS
0 vote190 views1 answer
How to make div width auto adjust
CSS
4 votes191 views2 answers
Alternate table row color css
CSS
1 vote204 views2 answers
Inner border css
CSS
0 vote171 views1 answer
Como tirar a sidebar css
CSS
1 vote191 views2 answers
Hover border bottom css fixed
CSS
0 vote182 views1 answer
Design good font color
CSS
-1 vote188 views2 answers
How to add image with url in css
CSS