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

20 votes240 views2 answers
No select css
CSS
-2 votes198 views1 answer
Add css dynamically in angular 6
CSS
0 vote240 views1 answer
Angular scss doesn't work backgorund
CSS
0 vote201 views1 answer
Decroation of title using css
CSS
0 vote213 views2 answers
Order
CSS
0 vote207 views1 answer
CSS menu list with underline hover animation
CSS
2 votes188 views2 answers
Details transition css
CSS
6 votes185 views5 answers
Flutter print
CSS
0 vote279 views1 answer
Css video background
CSS
0 vote186 views1 answer
Jquery hide scrollbar but allow scrolling
CSS