関数は、二つ以上の色の間で、連続的な直線の変化から構成される画像を生成します。リポジトリに格納されています。クローンしてプルリクエストを送信してください。他のグラデーションと同様、線形グラデーションは固有の寸法を持ちません。画像本来の寸法や、優先されるアスペクト比を持たないということです。実際の寸法は、適用先の要素の寸法と一致します。プロパティを使用してください。使用できるところでのみ使用できます。要求するプロパティでは動作しません。呼ばれる軸によって定義されます。軸上の各点にはそれぞれ違った色が割り当てられます。関数はグラデーションラインと直行した線を、グラデーションライン上の交点の色で連続して引きます。グラデーションラインは、グラデーション画像を含むボックスの中心と、角度によって定義されます。各点でそれぞれ定義されます。開始点は、グラデーションラインの最初の色が始まる点です。終了点は最後の色が終わるところです。これらの点は、グラデーションラインとそれに直交し、ボックスの同一象限にあるコーナーを通る直線との交点によって定義されます。簡単に、ボックスの中心を原点としたときの開始点の点対称な位置としても定義できます。した何だかややこしい開始点と終了点の定義が、マジックコーナーと呼ばれることのある興味深いプロパティを生みました。開始点と終了点に近いコーナーは、それぞれ開始点と終了点と同じ色を持ちます。グラデーションのカスタマイズグラデーションラインに色経由点を追加することで、開始点と終了点の間で高度にカスタマイズした変化を作成することができます。データ型を使って、明示的に定義することができます。場所を定義しなかったときは、直前の点と直後の点の中間点になります。以下の二つのグラデーションは等価です。100%);ある色経由点の色から次の色経由点の色まで滑らかに色が変化し、色と色の中間点は、既定では色の変化の中間の位置になります。色ヒントを追加することで、色の中間点を二つの色経由点の間の任意の位置に移動することができます。次の例では、純粋な赤を先頭から10%の位置まで、純粋な青を90%の位置から末尾までに配置します。10%から90%までの間は、赤から青への色変化ですが、色ヒントがない30%があるので、変化の中間点は50%の位置ではなく30%の位置になります。90%);2つ以上の色経由点が同じ位置である場合、その位置で宣言された最初と最後の色の間で明確な線になります。色経由点は昇順に並べてください。次の色経由点がより小さな値になると、以前の色経由点を上書きすることになり、急な変化になります。以下の例は30%が赤から黄へ変化し、黄から青への変化がその上でグラデーションの35%になります。65%);複数位置の色経由点が利用できます。宣言の中で二つの位置を含めることで、二つの隣り合う色経由点として色を宣言することができます。100%);既定では、0%の経由点に色がない場合、宣言されている最初の色がその場所の色になります。同様に、最後の色経由点に位置が宣言されていない場合は、最後の色が100%の位置まで続くか、100%の位置の色になります。100%);値<side-or-corner>グラデーションラインの開始点の位置。続けて2つ以下のキーワードから成ります。辺を表すキーワードは順不同です。角度にそれぞれ対応します。他の値は角度に変換されます。<angle>グラデーションラインの方向を角度で示します。等価で、値が増加するとそこから時計回りに回ります。隣り合う色経由点の間でどのようにグラデーションが進むかを定義する補間のヒントです。長さによって、どの位置で二つの色経由点のグラデーション色が色の移行の中間点に達するかを定義します。省略された場合、色の移行の中間点は二つの色経由点の中点になります。グラデーションと同じ規則に従います。cyan);}複数の位置の色経由点があるグラデーションこの例は複数の位置の色経由点を使用しており、隣り合う色に同じ色経由値があるため、縞模様の効果になります。初回定義ブラウザーの対応このページの互換性一覧表は構造化データから生成されています。チェックアウトしてプルリクエストを送信してください。ノートを参照してください。実装ノートを参照してください。ユーザーが明示的にこの機能を有効にしなければなりません。ユーザーが明示的にこの機能を有効にしなければなりません。使用するには、ベンダー接頭辞または異なる名前が必要です。使用するには、ベンダー接頭辞または異なる名前が必要です。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。