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

29 votes169 views1 answer
Boxsahdow
CSS
2 votes171 views1 answer
Mat slide toggle change color
CSS
2 votes178 views10 answers
Robux
CSS
0 vote199 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
39 votes167 views6 answers
Css first child
CSS
1 vote171 views1 answer
Bootstrap Changing the separator
CSS
0 vote182 views1 answer
Image right css
CSS
-1 vote166 views1 answer
Css border image property
CSS
8 votes190 views2 answers
Css change image width
CSS
1 vote188 views1 answer
BEM example css
CSS