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 vote266 views1 answer
Change mouse pointer on image hover
CSS
-1 vote265 views1 answer
Materialize table padding css
CSS
18 votes354 views6 answers
Install bootstrap angular 9
CSS
34 votes258 views4 answers
Css hide element
CSS
12 votes226 views3 answers
Css display grid
CSS
1 vote298 views2 answers
Apply style to second child div
CSS
0 vote257 views1 answer
Microwave
CSS
11 votes272 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote262 views1 answer
Css safari remove scrollbar
CSS
37 votes284 views6 answers
Css gradient text
CSS