From b3d66ed62ba812b9717a3e6186b21b6cac6f0ceb Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 21:35:24 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 27 ++++++++++----------------- 1 file changed, 10 insertions(+), 17 deletions(-) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index aa8a2ba..117de26 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -93,32 +93,25 @@ .fluegel.right { transform-origin: right center; border-radius: 0 12px 12px 0; } .fluegel.left:hover, -.fluegel.hover-proxy.left { - transform-origin: right center; - transform: scale(1.05); - background: linear-gradient( - 180deg, - color-mix(in srgb, var(--ci-gold) 20%, var(--ci-darkgreen)), - color-mix(in srgb, var(--ci-creamwhite) 15%, var(--ci-blue)) - ); +.fluegel.hover-proxy.left, +.fluegel.rota.left:hover, +.fluegel.rota.hover-proxy.left { + transform-origin: left center; + transform: rotateY(115deg) scale(1.05); box-shadow: 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), inset 0 0 10px rgba(255,255,255,0.25); } .fluegel.right:hover, -.fluegel.hover-proxy.right { - transform-origin: left center; - transform: scale(1.05); - background: linear-gradient( - 180deg, - color-mix(in srgb, var(--ci-gold) 20%, var(--ci-darkgreen)), - color-mix(in srgb, var(--ci-creamwhite) 15%, var(--ci-blue)) - ); +.fluegel.hover-proxy.right, +.fluegel.rota.right:hover, +.fluegel.rota.hover-proxy.right { + transform-origin: right center; + transform: rotateY(-115deg) scale(1.05); box-shadow: 0 0 18px color-mix(in srgb, var(--ci-gold) 50%, transparent), inset 0 0 10px rgba(255,255,255,0.25); -} .fluegel.rota.left { transform: rotateY(115deg);