I have a keen interest in various CSS filters:
blur
brightness
contrast
grayscale
hue-rotate
invert
opacity
saturate
sepia
Could someone provide the default values for each filter (preferably as a % value, where applicable)?
The MDN documentation does not contain this information!
For those interested in more details
This extra information is only intended for individuals seeking context.
In Angular, I am applying filters like this:
<div [ngStyle]="{ filter:
'brightness(' + filters.brightness + '%) ' +
'contrast(' + filters.contrast + '%) ' +
'grayscale(' + filters.grayscale + '%) ' +
'saturate(' + filters.saturate + '%) ' +
'sepia(' + filters.sepia + '%) ' +
'hue-rotate(' + filters['hue-rotate'] + 'deg) ' +
'invert(' + filters.invert + '%)'
}">
<span>herro</hello>
</div>
Therefore, I need to establish default values for each filter in the controller, based on the "usual" defaults - which unfortunately remain unknown to me!