順序付きカラーストップ

位置を変えるたびに0～100%の順に並べ替えます。同じ位置のストップは現在の順を保ち、色間に明確な境界を作ります。

線形と放射状の設定

線形は角度、放射状は円または楕円を使います。現代のブラウザーで使えるlinear-gradient()とradial-gradient()を生成します。

ブラウザーのCSS描画を使い、設定に応じて更新します。色やCSS値はページ外へ送られません。単純な混色は2点、複雑な背景は最大6点まで使えます。

よくある質問

ストップが移動した理由は？

CSSを読みやすくするため位置の割合で並べ替えます。同じ位置なら現在の順を維持します。

急な色の変化を作るには？

隣り合う2色を同じ位置にすると、CSSはそこで直接切り替えます。

線形の角度は何を示しますか？

0degは上、90degは右、180degは下、270degは左です。

色やCSSを送信しますか？

いいえ。プレビューと宣言はブラウザー内で作ります。