diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2025-06-28 22:07:58 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2025-06-28 22:07:58 -0300 |
| commit | 6802a68176ec7e97eda29999f130a4e63b853a94 (patch) | |
| tree | b2e743a705918c22d343051cf82357b7ece97c38 /src | |
| parent | 19eff03dc6510640f0eafcff4fc2f10352151606 (diff) | |
css: stay silly preview
Diffstat (limited to 'src')
| -rw-r--r-- | src/static/css/site.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css index 30dad1bd..a9ed90c6 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -76,10 +76,25 @@ body::before, .wallpaper-part { height: unset; } +@property --banner-shine { + syntax: '<percentage>'; + initial-value: 0%; + inherits: false; +} + #banner { margin: 10px 0; width: 100%; position: relative; + + --banner-shine: 4%; + -webkit-box-reflect: below -12px linear-gradient(transparent, color-mix(in srgb, transparent, var(--banner-shine) white)); + transition: --banner-shine 0.8s; +} + +#banner:hover { + --banner-shine: 35%; + transition-delay: 0.3s; } #banner::after { |