指南针径向渐变在IE&火狐

时间:2014-02-19 00:04:27

标签: css compass-sass

我正在尝试使用指南针创建一个径向渐变,它在chrome中渲染得很好但是当我在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>

任何帮助都会很可爱。

1 个答案:

答案 0 :(得分:0)

您好我会使用http://www.colorzilla.com/gradient-editor/来创建径向渐变,因为这通常适用于所有浏览器。