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 vote202 views1 answer
How to make font awesome responsive bootstrap
CSS
35 votes201 views4 answers
Open command palette vscode mac
CSS
22 votes205 views4 answers
Grid center align
CSS
0 vote204 views1 answer
Mat dialog background color
CSS
0 vote200 views1 answer
Mat-form-field textarea save with new line
CSS
67 votes204 views6 answers
Media query in css
CSS
0 vote216 views3 answers
Force keyboard to show android programmatically
CSS
0 vote271 views1 answer
Elementor vertical line
CSS
127 votes252 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote203 views1 answer
Css psedou content data
CSS