Sunset CSS グラデーション — 既製のコード
CSS グラデーションを視覚的に構築します。ライブ全幅プレビューとコピー可能なコードを使用して、線形、放射状、または円錐タイプ、角度スライダー、最大 6 つのカラー ストップを使用できます。
処理中...
0%
結果
このページでは、既製の日没フェードが読み込まれたグラデーション ジェネレーターが開きます: 暖かいコーラル #ff7e5f がソフト ピーチ #feb47b に流れ込みます (左から右)。プレビューにはすぐに全幅で表示され、以下の CSS 行をそのままコピーする準備が整います。
温かみのあるコーラルからピーチのフェードは、白い文字を圧倒することなくフレンドリーでエネルギッシュに読めるため、ヒーローセクションの定番です。このペアは、色相が非常に近いため、中間点がきれいなままです。中間に濁った灰色の帯がなく、遠くの色間のグラデーションの通常の失敗モードです。
変更せずに使用するか、独自に設定します。角度を回転させて斜めの夕日を眺めたり、最初のストップを内側に引いてサンゴの存在感を強めたり、3 番目のストップを追加して 100% に近い濃いプラムを追加して夕暮れの雰囲気を出したりできます。変更を加えるたびに、コピー可能な CSS が即座に更新されます。