компас радиальный градиент выглядит неправильно в IE и firefox

Question

Я пытаюсь создать радиальный градиент с использованием компаса, и он отлично отображает хром, но когда я просматриваю его в firefox или IE, градиент отбрасывается обратно в круг вместо удлиненного эллипса ,

Это то, что я пробовал.

@mixin radial-shadow-horizontal-rule(){ 
    height: 5px; 
    @include background-image(radial-gradient(50% 0%, 50% -5px, rgba(150,150,150,0.4) 0%, white 100%)); 
    } 

    .radial-gradient{ 
    @include radial-shadow-horizontal-rule(); 
    } 

HTML

<div class="radial-gradient"></div> 

Любая помощь будет чертовски мило.

Answer 1

Здравствуйте, я бы использовал http://www.colorzilla.com/gradient-editor/, чтобы создать ваш радиальный градиент, потому что это обычно работает во всех браузерах.