diff --git a/src/components/Advice.css b/src/components/Advice.css index b497f6f..ace8422 100644 --- a/src/components/Advice.css +++ b/src/components/Advice.css @@ -25,6 +25,25 @@ body{ border-radius:22px; } +.spinner { + width: 56px; + height: 56px; + border-radius: 50%; + padding: 1.1px; + background: conic-gradient(#0000 10%,#24268b) content-box; + -webkit-mask: repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg), + radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 9px)); + -webkit-mask-composite: destination-in; + mask-composite: intersect; + animation: spinner-d55elj 1s infinite steps(10); +} + +@keyframes spinner-d55elj { + to { + transform: rotate(1turn); + } +} + .words { margin-bottom: 23px; }