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 vote121 views1 answer
Css nesting
CSS
0 vote133 views1 answer
Bold in label html
CSS
-1 vote124 views1 answer
Input focus css default
CSS
2 votes157 views2 answers
Restrict a paragraph height css
CSS
0 vote124 views1 answer
Input padding without changing width
CSS
0 vote113 views1 answer
Adding script in vat for product order shopify
CSS
1 vote123 views2 answers
Css focus border radius
CSS
0 vote138 views1 answer
Css efeito negativo fotos
CSS
0 vote137 views1 answer
Align links to right css
CSS
74 votes130 views6 answers
Flex css
CSS