CSS radial gradient not working in Mozilla

Question

I have the following CSS code:

background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#7b7878), to(@white));
background: -moz-radial-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#7b7878), to(@white));
background: radial-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#7b7878), to(@white));

Which is responsible for the following styling:

enter image description here

It works in Chrome, but this is not working in Firefox and IE. What am I missing here??

possible duplicate of [radial-gradient not working in firefox](http://stackoverflow.com/questions/18059878/radial-gradient-not-working-in-firefox) — Leo the lion, Jun 30 '15 at 13:40
possibly duplicate of http://stackoverflow.com/questions/18059878/radial-gradient-not-working-in-firefox — Leo the lion, Jun 30 '15 at 13:40

g1ji · Accepted Answer · 2015-06-30T17:07:58.580

use this code, this will work on IE 10,google chrom 26.0,fire fox 16.0 ,opera 12.1 and safari 6.1:

  width:100%;
  height:3px;
  background: -webkit-radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);
  background: -o-radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);
  background: -moz-radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);
  background: radial-gradient(#7B7878 1%, #BBBBBB 30%, #CCCCCC 40%, #FFF 70%);

And also give the same result as you want.

CSS radial gradient not working in Mozilla

1 Answers1