Automattic
Grainy Gradients
Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, noise is rarely used in web design.
https://codepen.io/DavidJAldred/pen/pVbQBJ
https://dribbble.com/shots/17243902-Chroma-Grainy-Gradient-Textures/attachments/12350228
Implementation
Implementing this could be as simple as adding a toggle to the existing gradient picker.
References
- https://css-tricks.com/grainy-gradients/
- https://codepen.io/thebabydino/pen/wvJbpMd
- https://codepen.io/Juxtopposed/pen/BaqLEQY
- https://codepen.io/lalacode/pen/LYQQyZR
- https://codepen.io/Juxtopposed/pen/vYVXgrG
- https://codepen.io/arieri/pen/zYjMwbK
This might be irrelevant but it's important to think about how themes can include these filters with a fallback in case the plugin is not active/installed, since themes in the .org directory shouldn't require plugins to be installed, but we can still include a way for the user to grab the plugin if the theme is making use of it in the templates or Global Styles.
