Home/ Questions/Q 8670683
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T18:45:58+00:00

For my current project i used filter -webkit-filter: brightness(-20%);-moz-filter: brightness(-20%); But somewhy, this filter

  • 0

For my current project i used filter -webkit-filter: brightness(-20%);-moz-filter: brightness(-20%); But somewhy, this filter doesnt works in firefox and opera(i have opera prefix too). I found, the way how this can be used, but i need to turn brightness filter into svg code. Any ideas how can i do this?
What i have to do, is a small gallery, with darkened images, and with normal images on hover without using 2x images.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You want to use an SVG filter. An example of a filter that will darken your image by a fixed amount in each channel is:

    <filter id="darken">
<feComponentTransfer>
       <feFuncR type="linear" intercept="-0.2" slope="1"/>
       <feFuncG type="linear" intercept="-0.2" slope="1"/>
       <feFuncB type="linear" intercept="-0.2" slope="1"/>
   </feComponentTransfer>
</filter>

    This will darken your image by 20% in each color channel. Full jsfiddle

    • 0