Thomas/Bratonien-Adventskalender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adventskalender/2025/css/main.css aktualisiert

Browse Source
This commit is contained in:
Thomas Dannenberg
2025-11-04 13:54:08 +00:00
parent 6bfd63c035
commit e8dd6ac167
1 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
adventskalender/2025/css/main.css
View File

@@ -103,29 +103,31 @@
z-index: 5; /* über den Flügeln */ z-index: 5; /* über den Flügeln */
} }
/* beide Flügel teilen sich die Türhälfte */ /* === Doppeltür-Optik ohne zwei Flächen === */
.door.double .door-left,
.door.double .door-right { /* Grundstil: Mittelnaht sichtbar */
z-index: 1; /* unter der Zahl */ .door.double {
position: absolute; position: absolute;
top: 0; background: linear-gradient(
width: 50%; 90deg,
height: 100%; color-mix(in srgb, var(--ci-darkgreen) 45%, transparent) 49%,
background: inherit; color-mix(in srgb, var(--ci-gold) 60%, transparent) 50%,
border: inherit; color-mix(in srgb, var(--ci-blue) 45%, transparent) 51%
border-radius: inherit; );
box-sizing: border-box; backdrop-filter: blur(6px);
backface-visibility: hidden; -webkit-backdrop-filter: blur(6px);
border: 2px solid var(--ci-gold);
border-radius: 12px;
box-shadow:
0 0 10px color-mix(in srgb, var(--ci-gold) 40%, transparent),
inset 0 0 6px rgba(255,255,255,0.18);
} }
/* linker Flügel auf der linken Seite */ /* Öffnungsanimation */
.door.double .door-left { .door.double.open {
left: 0; transform-origin: center;
border-right: none; /* keine doppelte Kante in der Mitte */ transform: rotateY(-110deg);
} box-shadow:
0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
/* rechter Flügel auf der rechten Seite */ inset 0 0 10px rgba(255,255,255,0.2);
.door.double .door-right {
right: 0;
border-left: none;
} }