Peut-être avez-vous entendu parler des filtres CSS? Vous pouvez les appliquer à n'importe quel élément de CSS, comme:
.apply-css-filter ( -webkit-filter: grayscale(0.5); filter: grayscale(0.5); )Vous pouvez même l'appliquer à un élément HTML ou à un élément SVG.
Mais il y a aussi des filtres que vous pouvez définir dans SVG, et il y a plus d'options lorsque vous le faites. Voici un exemple de définition:
Vous pouvez ensuite l'appliquer à un élément directement dans le SVG comme:
Ou, à partir du CSS en référençant l'ID de la même manière:
.apply-svg-filter ( -webkit-filter: url(#pictureFilter); filter: url(#pictureFilter); )Il existe de nombreux filtres SVG. Les plus familiers comme le flou et les étranges qui appliquent des effets picturaux. Voici les spécifications.