CODEWITHSUNDEEP
cssfirefox
Pickels
Pickels

Reputation: 34680

Firefox and border-image with a linear gradient

Does Firefox actually support border-image with linear gradients? I keep seeing articles saying that it works but in my Firefox (v24) it actually doesn't show anything.

This example is using all the prefixes but it doesn't show any border at all in Firefox.

http://css-tricks.com/examples/GradientBorder/

Upvotes: 3

Views: 1437

Answers (1)

Jacob Bundgaard
Jacob Bundgaard

Reputation: 1085

As the page you link to indicates, Firefox doesn't support border gradients yet. I can't find much on it except this article on MDN which states that "browser support is still limited", but from fiddling around with it, I can clearly see that it doesn't work. This answer on Stack Overflow shows a way to make some rudimentary gradients, but the syntax is cumbersome and the result is severely limited. You will probably have to use the "Pseudo Element Edges" from CSS-Tricks or wait until this part of CSS3 is completely standardised and implemented in Gecko.

Upvotes: 2

Related Questions