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…
I'm using flutter and i can't put a linear gradient overlay to my image. I tried some solutions but no one works, can someone explain to me how can i get the result that i show in the image? The…
i have a grid item (instagram button) that have instagram color gradient (using css) as the background but it doesnt fully cover the whole element because i used border-top. .instagram{ border-top: 1px solid rgba(156, 156, 156, 0.486); background: -webkit-radial-gradient(30% 107%,…
hi so i am making a webapp and i am using a gradient as the background right now. I am wondering on why there is a blue background at the bottom of my screen for no reason. Here is the…
I need to create a div element which its background is composed of two colors split with a half circle: I want to use gradients because it will be more convenient for animation purposes. I don't want to use pseudo-elements…