CSS-Filtereffekte
Die Eigenschaften im Modul CSS-Filtereffekte ermöglichen es Ihnen, eine Art der Verarbeitung der Darstellung eines Elements zu definieren, bevor das Element im Dokument angezeigt wird. Beispiele für solche Effekte sind das Weichzeichnen oder das Ändern der Farbintensität eines Elements.
Filtereffekte in Aktion
Experimentieren Sie mit den verschiedenen Schiebereglern, um Filtereffekte auf das untenstehende Bild anzuwenden:
Um den Code für dieses Filtereffekt-Beispiel zu sehen, sehen Sie sich den Quellcode auf GitHub an.
Eigenschaften
Funktionen
Leitfaden
- Verwendung von CSS-Filtereffekten
-
Überblick über die Konzepte rund um CSS-Filtereffekte, einschließlich Eigenschaften, Filterfunktionen und SVG-Filter, mit einer Erklärung der Filterwerte, Quellreihenfolge und Wertinteraktionen.
Verwandte Konzepte
-
<image>Datentyp -
<filter-function>Datentyp -
background-imageCSS-Eigenschaft -
background-blend-modeCSS-Eigenschaft -
mix-blend-modeCSS-Eigenschaft -
Interpolation Glossarbegriff
-
color-interpolation-filtersSVG-Eigenschaft
Spezifikationen
| Specification |
|---|
| Filter Effects Module Level 2 |
| Filter Effects Module Level 1 |
Siehe auch
- Eigenschaften im Modul CSS compositing and blending ermöglichen das Mischen der Hintergrundebenen eines Elements miteinander und das Mischen eines Elements mit seinem Container.
- Das SVG-Element
<filter>und die SVG-Filterprimitive:<feSpotLight>,<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feConvolveMatrix>,<feDiffuseLighting>,<feDisplacementMap>,<feDropShadow>,<feFlood>,<feGaussianBlur>,<feImage>,<feMerge>,<feMorphology>,<feOffset>,<feSpecularLighting>,<feTile>,<feTurbulence>