mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-24 22:16:38 +02:00
WIP: Add loading dots spinner
This commit is contained in:
@@ -83,3 +83,36 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Moving dots
|
||||
//
|
||||
|
||||
// scss-docs-start spinner-dots-keyframes
|
||||
@keyframes spinner-dots {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50%,
|
||||
100% {
|
||||
opacity: .3;
|
||||
}
|
||||
}
|
||||
// scss-docs-end spinner-dots-keyframes
|
||||
|
||||
.spinner-dots {
|
||||
user-select: none;
|
||||
|
||||
> circle:first-of-type,
|
||||
> circle:nth-of-type(2),
|
||||
> circle:last-of-type {
|
||||
fill: currentcolor;
|
||||
animation: spinner-dots .75s infinite ease-in-out alternate;
|
||||
}
|
||||
> circle:nth-of-type(2) {
|
||||
animation-delay: .25s;
|
||||
}
|
||||
> circle:last-of-type {
|
||||
animation-delay: .5s;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user