なぜこのツールが役立つのか
2色の線形グラデーションを作成し、実運用向けのCSSをコピーしたいときは CSS Gradient Generator を使ってください。結果はすぐに得られ、再利用する前に簡単に確認できます。
デザイン & CSS · ローカルで実行
CSSグラデーションジェネレーター
2色の線形グラデーションを作成し、本番環境でそのまま使えるCSSをコピーします。
準備完了。作業データはこのブラウザに保存されます。
どのように働くか
CSS Gradient Generator で求められる値を入力してください。ブラウザが入力を検証し、計算をローカルで実行して、明確なエラーとともにコピー可能な結果を生成します。
実用例
実用的な使い方としては、まず小さなサンプルで CSS Gradient Generator を実行して出力を確認し、その後に完全な値またはリストを処理します。
検証
計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。
プライバシー境界
入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。
結果パスポート
各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。