diff options
| -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 { |