Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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

This comment has been minimized.

Copy link

@digicolis digicolis commented Feb 21, 2020

kkkk

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