Dithered Css Gradients
See the Pen Dithered Css Gradients by DavidJAldred (@DavidJAldred) on CodePen.
Dithered Css Gradients
Description: Mixing noise with CSS gradients helps to remove banding, but results in an overall grainy texture. By overlaying gradients and applying masks the dithering can be controlled to affect the areas where colours blend only. The strength of the dithering is affected by the noise image (the one used here is quite pronounced giving a grainy look, but the effect can be much more subtle).
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML CSS (SCSS)
Responsive:Yes
Posted: 25.04.2018