Verschiedene Möglichkeiten zum Ändern der Hintergrundbildfarbe mit CSS3

<Stil>
.Symbol{
    Anzeige: Inline-Block;
    Breite: 180px;
    Höhe: 180px;
    Hintergrund: URL('img/XXX.png') kein wiederholtes mittleres Cover;
    Überlauf: versteckt;
}
.icon:nach{
    Inhalt: '';
    Anzeige: Block;
    Höhe: 100%;
    transformieren: übersetzenX(-100%);
    Hintergrund: erben;
    filter: drop-shadow(144px 0 0 #fff); //Zu ändernder Farbwert}
</Stil>
 
<i Klasse="Symbol"></i>

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::

<Stil>
.Symbol{
    Anzeige: Inline-Block;
    Breite: 180px;
    Höhe: 180px;
    Hintergrundbild: URL ($'img/XXX.png'), linearer Farbverlauf (#f00, #f00);
    Hintergrund-Mischmodus: Aufhellen;
    Hintergrundgröße: Abdeckung;
}
</Stil>
<i Klasse="Symbol"></i>