diff --git a/adventskalender/2025/css/main.css b/adventskalender/2025/css/main.css index 8ff1eee..28ff278 100644 --- a/adventskalender/2025/css/main.css +++ b/adventskalender/2025/css/main.css @@ -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); } \ No newline at end of file