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 vote144 views1 answer
Font size clamp generator
CSS
6 votes143 views1 answer
Responsive image in css
CSS
0 vote128 views1 answer
Como fazer listrada css
CSS
0 vote136 views1 answer
Elementor sticky keep within column
CSS
58 votes156 views6 answers
How to remove underline from link
CSS
8 votes130 views2 answers
Clearfix css
CSS
4 votes153 views3 answers
Mobile tablet desktop media queries
CSS
7 votes135 views2 answers
Bootstrap Aligning images
CSS
0 vote138 views1 answer
Css static header on scroll
CSS
1 vote157 views1 answer
Border style shorthand
CSS