how to exclude logo image from an svg filter?
-
hello, so I have a site project in building, which is https://arielwoy.com/project/ – for the content you’ll get not found, but my question regards the thing you can see: the logo header.
I have a hover effect that uses an svg filter sitewise, which is the following:img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */ } img:hover { filter: none; -webkit-filter: none; } <svg xmlns="https://www.w3.org/2000/svg"> <filter id="grayscale"> <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0" /> </filter> </svg>
I would like to exclude the logo from this hover effect (and possibly also other images if I feel like, if there is a solution that would use the id tag for instance). What should I put in the custom css?
Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
- The topic ‘how to exclude logo image from an svg filter?’ is closed to new replies.