Можда сте чули за ЦСС филтере? Можете их применити на било који елемент из ЦСС-а, попут:
.apply-css-filter ( -webkit-filter: grayscale(0.5); filter: grayscale(0.5); )Можете то применити и на ХТМЛ елемент или СВГ елемент.
Али постоје и филтери које можете дефинисати у оквиру СВГ-а, а постоји и више опција када то учините. Ево примера дефиниције:
Тада га можете применити на елемент директно у СВГ-у, на пример:
Или, из ЦСС-а тако што ћете на сличан начин упутити ИД:
.apply-svg-filter ( -webkit-filter: url(#pictureFilter); filter: url(#pictureFilter); )Постоји пуно СВГ филтера. Познати попут замућења и чудни који примењују сликарске ефекте. Ево спецификација.