Skip to content

Instantly share code, notes, and snippets.

@ciaranha
Created December 2, 2016 10:30
Show Gist options
  • Save ciaranha/87eb213cee3ff93bc57867c9b29e2021 to your computer and use it in GitHub Desktop.
Save ciaranha/87eb213cee3ff93bc57867c9b29e2021 to your computer and use it in GitHub Desktop.
css animated carousle
.used-by {
height: 82px;
margin-bottom: 40px;
padding-top: 20px;
border: none;
white-space: nowrap;
overflow: hidden;
position: relative;
transform: translate3d(0, 0, 0);
.animate {
transform: translate3d(0, 0, 0);
position: absolute;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
-webkit-animation: client-brands 9550ms infinite linear;
animation: client-brands 9550ms infinite linear;
}
@keyframes client-brands {
0% { left: 0; }
100% { left: -100%; }
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment