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

9 votes160 views4 answers
How to stop form from submitting on enter
CSS
4 votes143 views2 answers
Border style
CSS
2 votes139 views1 answer
Css last of type
CSS
0 vote157 views2 answers
Clearfix
CSS
1 vote156 views1 answer
Apply color tint to image
CSS
3 votes168 views3 answers
How to use image zoom effect in css
CSS
0 vote150 views1 answer
Display flex css compatibility
CSS
0 vote144 views1 answer
Flex direction tailwind
CSS
0 vote142 views1 answer
Css selector data-entity-type
CSS
0 vote135 views2 answers
* css meaning
CSS