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:
16
style.css
16
style.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user