Problem mit dem Übergang von Filtern (CSS) ⇐ CSS

[Anonymous]

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.

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%);
}

Mein HTML -Code

Code: Select all

Discord Logo

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.>