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

1 vote297 views1 answer
Ie11 flex 1
CSS
0 vote232 views1 answer
Style jQuery draggable clone
CSS
0 vote266 views1 answer
Cl image tag width
CSS
16 votes262 views2 answers
Center h1 css
CSS
-1 vote209 views1 answer
Minifoie css
CSS
0 vote243 views1 answer
How to saturate colors in css
CSS
1 vote298 views1 answer
Change order columns bootstrap
CSS Bootstrap
0 vote253 views1 answer
Card tailwind css
CSS
0 vote250 views1 answer
Css grid auto wrap
CSS
17 votes251 views3 answers
Css odd even child
CSS