adventskalender/2025/css/main.css aktualisiert
This commit is contained in:
@@ -120,28 +120,22 @@
|
|||||||
inset 0 0 10px rgba(255,255,255,0.25);
|
inset 0 0 10px rgba(255,255,255,0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fluegel.open.left { --fluegel-rotation: -115deg; }
|
.fluegel.rota.left {
|
||||||
.fluegel.open.right { --fluegel-rotation: 115deg; }
|
transform: rotateY(115deg);
|
||||||
|
transform-origin: left center;
|
||||||
.fluegel.open.left {
|
|
||||||
transform: rotateY(115deg); /* nicht -115 */
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
|
0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
|
||||||
inset 0 0 10px rgba(255,255,255,0.2);
|
inset 0 0 10px rgba(255,255,255,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fluegel.open.right {
|
.fluegel.rota.right {
|
||||||
transform: rotateY(-115deg); /* nicht +115 */
|
transform: rotateY(-115deg);
|
||||||
|
transform-origin: right center;
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
|
0 0 14px color-mix(in srgb, var(--ci-gold) 45%, transparent),
|
||||||
inset 0 0 10px rgba(255,255,255,0.2);
|
inset 0 0 10px rgba(255,255,255,0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fluegel.open.left:hover,
|
|
||||||
.fluegel.open.right:hover {
|
|
||||||
transform: rotateY(var(--fluegel-rotation)) scale(1.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* === Openfield === */
|
/* === Openfield === */
|
||||||
|
|
||||||
.openfield {
|
.openfield {
|
||||||
|
|||||||
Reference in New Issue
Block a user