Automattic / Automattic/block-experiments
Grainy Gradients
- Dominant language
- JavaScript
- Stars
- 131
- Forks
- 18
- PR merge metrics
- No merged PRs in 30d
Description
> 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
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.