feat: Logo-Animation komplett einfärben via mix-blend-mode color

CSS-Overlay mit mix-blend-mode:color übernimmt Farbton der identifizierten
Farbe für die gesamte Animation. 0.8s Transition. Alle bisherige
SVG-Manipulation entfernt.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ferdinand
2026-04-03 17:42:33 +02:00
parent 709d82bc8b
commit f06a6c6212
2 changed files with 19 additions and 35 deletions

View File

@@ -10,6 +10,22 @@ body {
transition: background 0.8s ease;
}
#lottie-logo {
position: relative;
isolation: isolate;
--logo-tint: transparent;
}
#lottie-logo::after {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
mix-blend-mode: color;
background: var(--logo-tint);
transition: background 0.8s ease;
}
#lottie-bg {
position: fixed;
inset: 0;