Skip to content

Instantly share code, notes, and snippets.

@yne yne/spinner.css
Created Dec 25, 2019

Embed
What would you like to do?
spinner.css
.spinner{
color:transparent;
pointer-events:none;
user-select: none;
position: relative;
}
.spinner:after {
animation: dot 1s infinite;
content:"⠋";
color:initial;
position: absolute;
width: 100%;
left: 0;
}
@keyframes dot {
0%{content:"⠋"}
10%{content:"⠙"}
20%{content:"⠹"}
30%{content:"⠸"}
40%{content:"⠼"}
50%{content:"⠴"}
60%{content:"⠦"}
70%{content:"⠧"}
80%{content:"⠇"}
90%{content:"⠏"}
}
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.