From 83398eb7f57d8657e007597baf079c8620170c93 Mon Sep 17 00:00:00 2001 From: andre Date: Tue, 13 Oct 2026 18:34:21 +0100 Subject: [PATCH] style(site): slower button lift transition Co-Authored-By: Claude Sonnet 5.5 --- site/assets/css/style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/site/assets/css/style.css b/site/assets/css/style.css index fd33ce1..b962af4 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -457,6 +457,12 @@ section[id] { } .site-btn.sb-line, .site-btn.sb-ghost { --elb: 2px; } +/* Slower, softer lift (the face colour fades with it). */ +.site-btn.site-btn, +.gym-switch-btn { + transition: transform .5s cubic-bezier(.22, .8, .3, 1), background-color .4s ease, color .4s ease, border-color .4s ease; +} + .site-btn::before, .site-btn::after, .gym-switch-btn::before, .gym-switch-btn::after { content: ''; @@ -464,7 +470,7 @@ section[id] { pointer-events: none; border-radius: calc(var(--fitme-radius) + var(--ring) + var(--elb)); opacity: 0; - transition: opacity .3s ease; + transition: opacity .45s ease; } .site-btn::before, .gym-switch-btn::before { inset: calc(-1 * (var(--ring) + var(--elb)));