Awesome
gl-react-contrast-saturation-brightness
![](https://img.shields.io/badge/gl--react-dom%20%7C%20native-f90.svg)
Universal gl-react contrast-saturation-brightness effect.
Props
children
(required): the content to contrast-saturation-brightness.contrast
: positive number.saturation
: positive number. values from 0.0 (grayscale) to 1.0 (identity) produces a color desaturation. Values higher than 1.0 produce a color saturation.brightness
: positive number.
in
contrast
,saturation
,brightness
props, 0.0 means 0% and 1.0 means 100%.
Usage Examples
var ContrastSaturationBrightness = require("gl-react-contrast-saturation-brightness").ContrastSaturationBrightness;
// or
import {ContrastSaturationBrightness} from "gl-react-contrast-saturation-brightness";
Grayscale
<ContrastSaturationBrightness saturation={0.0}>...</ContrastSaturationBrightness>
Some contrast and brightness
<ContrastSaturationBrightness contrast={1.4} brightness={1.2}>...</ContrastSaturationBrightness>