2 lines
1.2 KiB
CSS
2 lines
1.2 KiB
CSS
@charset "UTF-8";.loading-box[data-v-97ffc5cd]{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#0009;border:1px solid rgba(255,255,255,.2);animation-duration:2.5s;animation-timing-function:cubic-bezier(.25,1,.3,1);animation-delay:0;will-change:clip-path;animation-fill-mode:both}.loading-box svg[data-v-97ffc5cd]{width:0;height:0}.loading-box .loading[data-v-97ffc5cd]{position:relative;width:300px;height:300px;filter:url(#gooey)}.loading-box .loading span[data-v-97ffc5cd]{position:absolute;top:0;left:0;display:block;width:100%;height:100%;animation:loading-97ffc5cd 3s ease-in-out infinite;animation-delay:calc(.2s * var(--i))}.loading-box .loading span[data-v-97ffc5cd]:before{position:absolute;top:0;left:calc(50% - 28px);width:56px;height:56px;content:"";background-image:linear-gradient(to right,#92fe9d,#00c9ff);border-radius:50%;box-shadow:0 0 30px #00c9ff}@keyframes loading-97ffc5cd{0%{transform:rotate(0)}50%,to{transform:rotate(360deg)}}@keyframes circle-out-center-97ffc5cd{0%{clip-path:circle(125% at 50% calc(50vh - 122px))}to{clip-path:circle(0% at 50% calc(50vh - 122px))}}.loading-box[transition-style="out:circle:center"][data-v-97ffc5cd]{animation-name:circle-out-center-97ffc5cd}
|