0

そのため、CSS3 でグラデーション効果があり、古い Webkit 構文のみを使用するこのきちんとしたコードを見つけました。

他のブラウザーで動作するようにしようとしていますが、正しい構文に変換する方法がわかりません。

これはコードです：

background: -webkit-gradient(linear, left top, right top,
      color-stop(0%,rgba(221,221,221,1)),
      color-stop(50%,rgba(221,221,221,0.01)),
      color-stop(100%,rgba(221,221,221,1))
);

と：

background: -webkit-gradient(linear, left top, right bottom,
    color-stop(0%,rgba(0,0,0,.1)),
    color-stop(85%,rgba(255,255,255,0.01)),
    color-stop(100%,rgba(255,255,255,.35))
);
4

1 に答える 1

0

最初のものは次のようになります：

background-image: linear-gradient(left top,
                                  rgba(221,221,221,1) 0%,
                                  rgba(221,221,221,0.01) 50%,
                                  rgba(221,221,221,1) 100%
                                  );

私はあなたに練習として2番目のものを残します;）少しの助けのために：

スペック

グラデーションツール

于 2012-07-20T13:23:09.890 に答える