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

2 votes186 views2 answers
No gutter in bootstrap css for row
CSS
38 votes202 views4 answers
Css pointer event
CSS
1 vote199 views2 answers
Button width based on text csss
CSS
0 vote365 views1 answer
Parcel-bundler bulma css
CSS Bulma
2 votes190 views2 answers
How to make a list vertical in css
CSS
0 vote201 views1 answer
Css input not clickable
CSS
0 vote235 views1 answer
Css how to center images in a table cell
CSS
2 votes188 views1 answer
Zypper download rpm
CSS
1 vote209 views1 answer
Var minus scss
CSS
0 vote215 views1 answer
Html glow on hover
CSS