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

146 votes208 views4 answers
How do i link my css to my html
CSS
8 votes169 views2 answers
Reset submit input style
CSS
51 votes168 views4 answers
Css center horizontally
CSS
0 vote181 views1 answer
Call circle icon in html css
CSS
3 votes123 views2 answers
Z-index limit
CSS
1 vote162 views1 answer
On clicking a link it gets red color
CSS
1 vote167 views1 answer
Remove arrow summary tag css
CSS
0 vote154 views1 answer
Enlarge ionicons css
CSS
0 vote165 views1 answer
Javascript select element that does not have attribute
CSS
0 vote170 views1 answer
Ms-clear event
CSS