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 11:52:02 +00:00
parent 3d34d91ec4
commit 8a49d1f6db
1 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -45,15 +45,29 @@
background 0.2s ease; background 0.2s ease;
} }
/* Hover: heller Goldverlauf */ @keyframes glitter {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
/* Hover-Effekt mit Glitzern */
.door:hover { .door:hover {
background: linear-gradient( background: linear-gradient(
180deg, 110deg,
color-mix(in srgb, var(--ci-gold) 40%, transparent), color-mix(in srgb, var(--ci-gold) 40%, transparent) 0%,
color-mix(in srgb, var(--ci-creamwhite) 40%, transparent) color-mix(in srgb, var(--ci-creamwhite) 50%, transparent) 45%,
color-mix(in srgb, var(--ci-gold) 40%, transparent) 90%
); );
background-size: 200% 100%;
animation: glitter 1.8s linear infinite;
box-shadow: box-shadow:
0 0 16px color-mix(in srgb, var(--ci-gold) 60%, transparent), 0 0 18px color-mix(in srgb, var(--ci-gold) 60%, transparent),
inset 0 0 10px rgba(255,255,255,0.35); inset 0 0 12px rgba(255,255,255,0.4);
transform: scale(1.04);
transform: scale(1.05);
} }