diff --git a/directory/index.html b/directory/index.html index 1846262..cec761f 100644 --- a/directory/index.html +++ b/directory/index.html @@ -26,7 +26,7 @@ transition: opacity cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;; } - .loader .icon { + .loader .icon, .loader .flasher { display: block; margin: 0 auto; width: 2rem; @@ -36,11 +36,16 @@ border-right: 0.3rem solid; border-top: 0.3rem solid; transform: translateY(-0.3rem) rotate(-45deg); - animation: icon-flash 2s cubic-bezier(0.65, 0.05, 0.36, 1) infinite; box-shadow: inset 0 0 16px 2px rgb(200 14 0), 0 0 18px 5px rgb(200 14 0); border-color: rgba(54, 0, 0, 87%); } + .loader .flasher { + position: absolute; + box-shadow: unset; + animation: icon-flash 1.2s cubic-bezier(0.2, 0.6, 0.2, 1) infinite; + } + @media (prefers-color-scheme: dark) { .loader { background-color: #131313; @@ -54,8 +59,11 @@ } @keyframes icon-flash { - 50% { - opacity: 0.2; + 100%{ + opacity: 0; + width: 4rem; + height: 4rem; + border-color: rgb(0, 0, 0); } } @@ -65,6 +73,7 @@