Skip to content

Instantly share code, notes, and snippets.

@danhauk
Created August 13, 2014 20:30
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danhauk/3744611109326451fa30 to your computer and use it in GitHub Desktop.
Save danhauk/3744611109326451fa30 to your computer and use it in GitHub Desktop.
Conveyor belt animation using CSS transition
.big-spam-sorter--comments-left,
.big-spam-sorter--comments-right {
height: 72px;
position: absolute;
bottom: 150px;
width: 1000px;
-webkit-transition: background-position 8000ms linear;
-moz-transition: background-position 8000ms linear;
-o-transition: background-position 8000ms linear;
transition: background-position 8000ms linear;
}
(function conveyorLoop() {
$('.big-spam-sorter--comments-left, .big-spam-sorter--comments-right').css({
'background-position': '+=102'
});
// call function again after same
// interval as the CSS transition
setTimeout( conveyorLoop, 8000 );
}());
@digicolis
Copy link

kkkk

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment