I'm trying to recreate a circular gradient in CSS that matches the one I designed in Figma. Here's the image for reference: Circle Gradient The gradient I have in Figma is defined as: background: linear-gradient(206.12deg, rgba(231, 51, 255, 0.5) -74.73%,…
I try to build a website with a color picker. For that, I would like to use some sort of semicircle with which you can choose the hue and a triangle with which you can choose the saturation and lightness.…
I'm trying to achieve the two effects you see below in CSS, but I can't find how to do them. Does anyone know the name of this CSS effect or how to achieve something similar with pure CSS?
I want a white container with chat bubbles masked to a gradient that when scrolled will change with the gradient below, as seen in this example: I've tried making the part of .container that is behind any chatBubble transparent so…