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;
}
/* Hover: heller Goldverlauf */
@keyframes glitter {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
/* Hover-Effekt mit Glitzern */
.door:hover {
background: linear-gradient(
180deg,
color-mix(in srgb, var(--ci-gold) 40%, transparent),
color-mix(in srgb, var(--ci-creamwhite) 40%, transparent)
110deg,
color-mix(in srgb, var(--ci-gold) 40%, transparent) 0%,
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:
0 0 16px color-mix(in srgb, var(--ci-gold) 60%, transparent),
inset 0 0 10px rgba(255,255,255,0.35);
transform: scale(1.04);
0 0 18px color-mix(in srgb, var(--ci-gold) 60%, transparent),
inset 0 0 12px rgba(255,255,255,0.4);
transform: scale(1.05);
}