ferdi2go/Pigmento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Logo-Einfärbung via CSS filter statt mix-blend-mode overlay

Browse Source 
filter(grayscale+sepia+hue-rotate+saturate+brightness) töntet nur
die gerenderten SVG-Pixel, transparente Bereiche bleiben unberührt.
0.8s transition auf filter-Property.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ferdinand
2026-04-03 17:44:36 +02:00
parent f06a6c6212
commit d1c61cb803
2 changed files with 8 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
style.css
View File

@@ -11,19 +11,7 @@ body {
}
#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;
transition: filter 0.8s ease;
}
#lottie-bg {