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 vote172 views2 answers
Use font awesome as content in css
CSS
0 vote150 views1 answer
Class html css
CSS
0 vote174 views1 answer
Map find link href element click
CSS
13 votes203 views6 answers
Bootstrap Badges
CSS Bootstrap
14 votes181 views4 answers
Text align left bootstrap
CSS
19 votes168 views5 answers
Css opacity background color
CSS
7 votes145 views3 answers
Css stop text wrapping
CSS
0 vote149 views1 answer
Image right css
CSS
145 votes215 views6 answers
Import bootstrap in react
CSS
59 votes161 views1 answer
@media for mobile
CSS