I'm trying to apply a gradient to a border, I thought it was as simple as doing this: border-color: -moz-linear-gradient(top, #555555, #111111); But this does not work. Does anyone know what …

May 29, 2019 · 3 Eveyrone is giving the to bottom solution but the trivial solution is to consider to top and keep the percentage values you are using in the picture: linear-gradient(to top, …

In the end I just used :after with linear gradient (from transparent to white) as a background. The original answer is from 2013. Is there any update regarding browser support? …

border: 1px solid #000; border-image-source: linear-gradient(to right, #9c20aa, #fb3570); border-image-slice: 20; float: left; @include font-size(26); margin: 75px 0; } Adding border-radius: 5px …

In 2024, we can do this cross-browser, with no vendor prefixes! p { background-image: linear-gradient(red, blue); color: transparent; background-clip: text; } Some things to note: A lot of the …

I'm styling an input field which has a rounded border (border-radius), and attempting to add a gradient to said border. I can successfully make the gradient and the rounded border, however …

Jul 1, 2011 · Please see @Mahozad's answer. Original Answer: Gradients don't support transitions yet (although the current spec says they should support like gradient to like gradient …

It describes a concept of non-linear gradients by defining multiple color stops approximating a clothoid curve. Would result in something like this (.gradient-clothoid):

Aug 7, 2013 · I would like for my page to have a gradient background flowing from top to bottom. I want the background to act like a fixed image in that the gradient stretches from the top of the …

Mar 10, 2012 · Is there a way in CSS3 to create a cross-browser (i.e.: Mozilla, Webkit, and Opera) inset box shadow that will transition from black on top to white on the bottom? The closest way …