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 votes101 views1 answer
Basic css table
CSS
0 vote101 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote100 views1 answer
Style scroll react csss
CSS
39 votes115 views6 answers
Css first child
CSS
3 votes115 views3 answers
Css border-left
CSS
0 vote95 views1 answer
Text decoration css transition
CSS
13 votes96 views4 answers
Background color transparent
CSS
3 votes103 views1 answer
Trash icon in fontawesome
CSS
28 votes99 views5 answers
Font face html
CSS
1 vote127 views4 answers
Button style css
CSS