Problem mit dem Übergang von Filtern (CSS)
Posted: 01 Mar 2025, 12:13
Der Übergang & Filter funktioniert einwandfrei (die Startfarbe ist weiß und die Endfarbe ist blaulich lila), aber der Übergang des Filters macht es so, dass er unerwünschte Farben wie Pink durchläuft.
Mein HTML -Code
Ich dachte vielleicht über einen Übergang der Opazität, wobei der lila farbige svg unter dem weißen ist. Wenn ich also die Deckkraft des Oberteils auf 0 überging, kann der lila gesehen werden.>
Code: Select all
#discord-logo {
filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(2%) hue-rotate(324deg) brightness(106%) contrast(101%);
width: 40px;
height: 100%;
display: flex;
align-items: center;
transition: filter 0.2s linear;
}
#discord-logo:hover {
filter: brightness(0) saturate(100%) invert(35%) sepia(88%) saturate(2498%) hue-rotate(224deg) brightness(96%) contrast(90%);
}
Code: Select all
Discord Logo