0

次のような CSS グラデーション コードがあるとします。

 background-image: radial-gradient(circle farthest-side at center, #E6E6E6 0%, #BABABA 100%);

グラデーションをより柔軟にするために、グラデーションのさまざまなプロパティを分離したいと思います。つまり、さまざまなプロパティ (つまり、円、中心の最も遠い側など) を、それぞれ別の行で別のプロパティとして定義できるはずです。

それは可能でしょうか？

4

2 に答える 2

3

CSS3 は、特定の種類のグラデーションを表現するために、一連のプロパティではなく、すべての値をパラメーターとして受け取る単一の関数表記法しか提供しないため、現時点ではこれは不可能です。

仕様は、これがブラウザーがオンザフライでグラデーションを生成しやすくすることを意味します。

このセクションで説明するグラデーション表記により、作成者はそのような画像を簡潔な構文で指定できるため、UA はページをレンダリングするときに画像を自動的に生成できます。

プロパティに分割すると、スタイルの解決や構文が複雑になりすぎるのではないかと思います。そのため、代わりに関数表記法を選択しました。

于 2012-08-10T14:26:27.187 に答える
0

それは現在不可能です。利用できる唯一のオプションは次のようなものです。

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.27, rgb(100,173,97)),
    color-stop(0.64, rgb(130,208,127)),
    color-stop(0.82, rgb(156,250,166))
);
于 2012-08-10T14:29:56.610 に答える