Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Frame-by-frame animations
* Frame-by-frame animations
@keyframes loader {
to { background-position: -800px 0; }
.loader {
width: 100px; height: 100px;
text-indent: 999px; overflow: hidden; /* Hide text */
background: url( 0 0;
animation: loader 1s infinite steps(8);
<div class="loader">Loading…</div>
// alert('Hello world!');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.