Gewusst wie: Bildeffekte hinzufügen
Erfahren Sie, wie Sie Bildern visuelle Effekte hinzufügen.
Bildfilter
CSS-Filter
Die CSS filter
-Eigenschaft fügt einem Element visuelle Effekte (wie Unschärfe und Sättigung) hinzu.
Hinweis: Die Filtereigenschaft wird in Internet Explorer, Edge 12 oder Safari 5.1 und früher nicht unterstützt.
Beispiel für Graustufen
Ändern Sie die Farbe aller Bilder in Schwarzweiß (100 % Grau):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
Beispiel für Unschärfe
Wenden Sie einen Unschärfeeffekt auf alle Bilder an:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
Gehen Sie zu unserer CSS-Filter-Eigenschaft , um mehr über CSS-Filter zu erfahren.