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 vote124 views1 answer
Print zend db select query to string
CSS
0 vote113 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
0 vote109 views1 answer
Input on Internet explore has close icon
CSS
0 vote114 views1 answer
Ios safe area
CSS
99 votes128 views2 answers
Css absolute in absolute
CSS
5 votes156 views2 answers
Move to last commit
CSS
0 vote112 views1 answer
Css for floting input label
CSS
0 vote112 views1 answer
Control one swiper with other
CSS
15 votes113 views2 answers
Linear-gradient
CSS
0 vote144 views1 answer
Operador css contain attr
CSS