From b52846a34c14fba924bb8ee6ab3e84b671e82366 Mon Sep 17 00:00:00 2001 From: Thomas Dannenberg Date: Tue, 4 Nov 2025 16:23:46 +0000 Subject: [PATCH] adventskalender/2025/css/main.css aktualisiert --- adventskalender/2025/css/main.css | 38 +++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 42241d1..0a70c1e 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -231,4 +231,42 @@ 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 { + position: absolute; + top: 0; + width: 50%; + height: 100%; + background: + linear-gradient( + 180deg, + color-mix(in srgb, var(--ci-darkgreen) 35%, transparent), + color-mix(in srgb, var(--ci-blue) 35%, transparent) + ); + box-shadow: + inset 0 0 6px rgba(255,255,255,0.18), + 0 0 8px rgba(0,0,0,0.3); + transition: transform 0.8s ease; + transform-style: preserve-3d; + backface-visibility: hidden; + border-radius: 0; +} + +.fluegel.left { + left: 0; + transform-origin: left center; +} + +.fluegel.right { + right: 0; + transform-origin: right center; +} + +.fluegel.open.left { + transform: rotateY(-115deg); +} + +.fluegel.open.right { + transform: rotateY(115deg); } \ No newline at end of file