![Faint vertical stripes background made me think my LCD was failing [905x1001 - 38KB]](https://pic8.co/sh/CNA9dV.png){kind=link}
Do you have the same issue with this:
I saw these odd patterns of faint light and dark vertical bands and thought, oh shit, my LCD's edge connector is failing. How long has this been in effect? Only noticed today.
I saw these odd patterns of faint light and dark vertical bands and thought, oh shit, my LCD's edge connector is failing. How long has this been in effect? Only noticed today.
Do you have the same issue with this:
https://codepen.io/AmeliaBR/pen/KmZzaQ
That looks fine. I think the issue is when there's a smaller range of color, where rounding issues crop up.
I opened the Firefox debugger and found the gradient in the css. I changed it to a gradient of the same color but only changing transparency, and it still looks bad (pic8.co). Having the gradient with no transparency (1) for both endpoints looks fine. Apparently my browser can't do transparency well (Firefox 68.12.0esr, newer won't work my my older Linux distro). It's like there are rounding errors both directions, so it sometimes gets brighter then dimmer.
background: linear-gradient(to right, rgba(54, 54, 54, 1), rgba(54, 54, 54, 0));
I wasn't complaining, just thought it was interesting.
That looks fine. I think the issue is when there's a smaller range of color, where rounding issues crop up.
I opened the Firefox debugger and found the gradient in the css. I changed it to a gradient of the same color but only changing transparency, and [it still looks bad](https://pic8.co/sh/nFGBdq.png). Having the gradient with no transparency (1) for both endpoints looks fine. Apparently my browser can't do transparency well (Firefox 68.12.0esr, newer won't work my my older Linux distro). It's like there are rounding errors both directions, so it sometimes gets brighter then dimmer.
background: linear-gradient(to right, rgba(54, 54, 54, 1), rgba(54, 54, 54, 0));
I wasn't complaining, just thought it was interesting.
I wasn't complaining, just thought it was interesting.
No worries, I'm aware of FF not supporting linear-gradient very well.
Please scroll-down to "Linear Gradient, From Left" and let me know if it shows fine for you:
https://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/
> I wasn't complaining, just thought it was interesting.
No worries, I'm aware of FF not supporting linear-gradient very well.
Please scroll-down to "Linear Gradient, From Left" and let me know if it shows fine for you:
https://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/
Yeah, looks fine.
I took that code and played with it, and came to the same conclusion, it having noise in the low color bits of an alpha gradient if the background is not black.
Yeah, looks fine.
I took that code and played with it, and came to the same conclusion, it having noise in the low color bits of an alpha gradient if the background is not black.
(post is archived)