1
0
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:
Mark Otto
2022-12-19 21:39:39 -08:00
parent 33dd82448c
commit 61c57c4e4e
2 changed files with 59 additions and 0 deletions

View File

@@ -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;
}
}