1
0
mirror of https://github.com/coalaura/whiskr.git synced 2025-12-02 20:22:52 +00:00

floaty bits :)

This commit is contained in:
Laura
2025-09-22 23:31:47 +02:00
parent dcd1364f8f
commit cae71e93f1
3 changed files with 82 additions and 1 deletions

View File

@@ -56,7 +56,6 @@ html,
body {
font-family: "Work Sans", sans-serif;
font-size: 15px;
background: #181926;
color: #cad3f5;
height: 100%;
width: 100%;
@@ -127,6 +126,27 @@ body:not(.loading) #loading {
pointer-events: none;
}
#floaters {
position: fixed;
inset: 0;
pointer-events: none;
z-index: -1;
background: #181926;
}
#floaters .floater {
position: absolute;
width: var(--size, 2px);
height: var(--size, 2px);
border-radius: 50%;
filter: blur(1px);
opacity: 0.3;
transform: translate(var(--x), var(--y));
transition: transform var(--time, 14s);
background: var(--color, #181926);
will-change: transform;
}
#notifications {
position: absolute;
top: 15px;
@@ -1380,4 +1400,10 @@ label[for="reasoning-tokens"] {
to {
transform: translateY(-50%) rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
#floaters {
display: none;
}
}