Hoe OM - Voeg beeldeffekte by
Leer hoe om visuele effekte by beelde te voeg.
Beeld filters
CSS-filters
Die CSS- filter
eienskap voeg visuele effekte (soos vervaag en versadiging) by 'n element.
Let wel: Die filter-eienskap word nie in Internet Explorer, Edge 12 of Safari 5.1 en vroeër ondersteun nie.
Grysskaal voorbeeld
Verander die kleur van alle beelde na swart en wit (100% grys):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
Vervaag voorbeeld
Pas 'n vervaag-effek toe op alle beelde:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
Gaan na ons CSS-filtereiendom om meer oor CSS-filters te wete te kom.