CSS 線形勾配ジェネレーター
CSS グラデーションを視覚的に構築します。ライブ全幅プレビューとコピー可能なコードを使用して、線形、放射状、または円錐タイプ、角度スライダー、最大 6 つのカラー ストップを使用できます。
処理中...
0%
結果
このページでは、線形タイプがすでに選択された状態でグラデーション ジェネレーターが開きます。角度スライダーをドラッグしてフェードを回転し、カラーストップを調整し、入力ごとに全幅プレビューと CSS 行を更新します。
Linear-gradient() は直線に沿って色をペイントします。これは CSS で最もよく使用されるグラデーションです。 90 度は左から右、180 度は上から下に進み、その間の角度は対角線になります。停止位置 (パーセント) によって、各カラー バンドが次のカラー バンドとブレンドし始める場所が決まります。
プレビューが正しく表示されたら、背景の行をスタイルシートにコピーします。白紙の状態ではなく開始点が必要な場合は、夕日、海、パステルのプリセット ページを開くと、実証済みのカラー ペアがすでにロードされている同じツールが開きます。