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

47 votes122 views6 answers
Css blur
CSS
1 vote105 views1 answer
Open applications bat start
CSS
0 vote130 views1 answer
How to see applications installed by wine cmd
CSS
1 vote100 views1 answer
Place many images in a div beautifully
CSS
1 vote119 views1 answer
Multiple divs next to each other
CSS
0 vote110 views1 answer
How to change the theme of a website using css
CSS
0 vote107 views5 answers
Sweetalert to small bootstrap
CSS
0 vote120 views1 answer
Poretty print css
CSS
0 vote108 views1 answer
Ul text decoration css
CSS
0 vote98 views1 answer
Ipad pro css
CSS