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

16 votes179 views3 answers
Exact middle of screen css
CSS
7 votes183 views3 answers
Border-width in percentage
CSS
0 vote173 views1 answer
Override package css
CSS
0 vote200 views1 answer
Css letter spacing tight
CSS
0 vote203 views1 answer
Mixed-blend-mode css all properties
CSS
0 vote176 views1 answer
Mat select remove underline
CSS
4 votes128 views1 answer
Background position center center
CSS
0 vote171 views1 answer
Over to remove padding css
CSS
9 votes168 views1 answer
Full page background image
CSS
1 vote143 views1 answer
Html hide text if too long
CSS