I have this as a gradient currently: background: linear-gradient( to right, rgba(var(--white-rgb), 1) 0%, rgba(var(--white-rgb), 0) 100% ); With this, on the left side it fades to pure white, and on the right it fades to transparent. If you have…
I can give a div this gradient and make it absolute and place it at the right position, but how do I make it semi-circle? <div className="absolute top-[50%] right-[-600px] w-[50%] h-[50%] opacity-40" style={{ background: "linear-gradient(73.4deg, rgba(16, 134, 144, 0.4) 3.31%,…
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 was designing a music app, and for the bottom navigation bar, I wanted it to look like in the image. It is a linear gradient blur, but I don't know how to achieve this. Is this possible using Flutter?…
I want to create a dashed line like the image below using only CSS and HTML with minimal code. The distribution percent of dashes between two color may vary depending on another CSS variable, so I should be able to…
I'm trying to add the gradient on text for my svg image. Here's my svg image: i've uploaded here in png format That's the way I'm trying to do that: export const HawllIcon: React.FC<IconSvgProps> = ({ size = 100, width,…
I have a gradient I'm trying to make in CSS. I added the Figma settings and an image of the gradient. This is the code I tried and just got a circle: background: radial-gradient(circle, rgba(118, 60, 172, 1.00) 0%, rgba(50,…
im a UI-Designer who is trying to code with flutter (no experience yet, learning with the internet). i try to code a segmented control, which shall look like this: enter image description here After hours i came that far: isSelected:…
I'm trying to add a gradient to my background using CSS. I want this gradient to not be 'fixed', but scroll with the page. For very tall pages, I just want the gradient to end. This is my CSS: body…
Here is what I am trying to do: The screenshot is taken from Iphone: This is my code: import UIKit class GradientController: UIViewController { @IBOutlet weak var viewBottomBorder: UIView! lazy var gradient: CAGradientLayer = { let gradient = CAGradientLayer() gradient.type…