Better Flakes

This commit is contained in:
Bingus_Violet 2023-12-18 07:43:26 -06:00
parent 0033b9692f
commit 505d4a3c70
2 changed files with 13 additions and 7 deletions

View file

@ -50,6 +50,7 @@ a {
}
.chip {
position: relative;
z-index: 3;
font-size: 1.3rem;
border: 2px gray solid;
@ -235,9 +236,10 @@ hr {
.snowflake {
color: white;
font-size: 0.5rem;
font-size: 0.5em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
visibility: hidden;
}
.snowflake,
@ -249,10 +251,12 @@ hr {
@keyframes snowflakes-fall {
0% {
visibility: visible;
transform: translateY(0)
}
100% {
visibility: visible;
transform: translateY(110vh)
}
}
@ -276,12 +280,14 @@ hr {
user-select: none;
cursor: default;
animation-name: snowflakes-shake;
animation-delay: 0.5s;
animation-duration: 3s;
animation-timing-function: ease-in-out
}
.snowflake .inner {
animation-duration: 10s;
animation-delay: 0.5s;
animation-name: snowflakes-fall;
animation-timing-function: linear
}