From e312be4b710f080ef4fbab03a4faaff691267949 Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 20:30:59 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 0d64c2a..4879cf4 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -127,7 +127,7 @@ z-index: 5; } -/* Position + Radius */ +/* Positionierung + Rundungen */ .fluegel.left { transform-origin: left center; border-top-left-radius: 12px; @@ -140,7 +140,7 @@ border-bottom-right-radius: 12px; } -/* Hover */ +/* Hover (optisch identisch wie .door) */ .fluegel:hover, .fluegel.hover-proxy { transform: scale(1.05); @@ -154,32 +154,29 @@ inset 0 0 10px rgba(255,255,255,0.25); } -/* Rotation beim Öffnen */ +/* Öffnung – eigene Klasse „rota“ */ .fluegel.rota.left { - transform: rotateY(115deg); - transform-origin: left center; + transform: rotateY(-115deg); box-shadow: 0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent), inset 0 0 10px rgba(255,255,255,0.2); } .fluegel.rota.right { - transform: rotateY(-115deg); - transform-origin: right center; + transform: rotateY(115deg); box-shadow: 0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent), inset 0 0 10px rgba(255,255,255,0.2); } -/* Optional: Hover auf geöffnete Flügel */ -.fluegel.rota.left:hover, -.fluegel.rota.right:hover { - transform: rotateY(var(--fluegel-rotation)) scale(1.05); +/* Für konsistentes Verhalten (auch beim Hover in geöffnetem Zustand) */ +.fluegel.rota.left:hover { + transform: rotateY(-115deg) scale(1.05); } -/* Für konsistente Übergänge (optional, falls in Nutzung) */ -.fluegel.rota.left { --fluegel-rotation: 115deg; } -.fluegel.rota.right { --fluegel-rotation: -115deg; } +.fluegel.rota.right:hover { + transform: rotateY(115deg) scale(1.05); +} /* === Openfield === */