A big problem when the #noise is just layered on top of a #gradient is that this alters its palette - to a greater or lesser extent, depending on the noise alpha & on the blend mode used - you can see it in this interactive @codepen demo https://codepen.io/thebabydino/full/qEdbEQZ
(heavily commented, btw)
Decreasing the alpha of the noise overlay is two edged.
Chrome #SVG #filter #bug: jagged edges when using discrete feComponentTransfer.
https://issues.chromium.org/issues/425059618
In theory, any line perpendicular onto the gradient line should have the same intermediate value¹. But the Chrome result makes it seem like that's not the case²?
¹see this detailed `linear-gradient()` explainer by @patrickbrosset https://patrickbrosset.com/articles/2015-03-27-do-you-really-understand-CSS-linear-gradients/
²filed as an SVG bug, but I really do wonder if it's not a #CSS #gradient issue (Chrome gradient rendering has long been a sore point)
Studio Coloartura
http://studio.coloartura.com
Because it was so much fun I refined the #colorPalette from yesterday and made a new #diorama
... And I learned that I have no idea of how to model a car
Perhaps this will become a series. Any ideas of what to try next?
593
Cycling gradient glow with no text duplication - see it on @codepen https://codepen.io/thebabydino/pen/rNPOpJK
A super simple, but cool #SVG #filter trick.
We create the gradient text.
The filter creates a blurred copy of it and places it underneath.
Good Morning!
Skyline 100
I wish you peace, joy, and infinite possibilities on the horizon
#photography #landscape #skyscape #blue #peaceful #infinite8horizon #skyline #urban #gradient #gift #EastCoastKin