CSS グラデーション ジェネレーター

何をするのか

シンプルな 2 色のフェードからマルチストップ メッシュまで、視覚的にグラデーションを構成します。ライブパネルでプレビューし、角度や形を調整し、CSS または Tailwind 互換の任意の値をコピーします。

複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションを作成します。

使い方

CSS グラデーション ジェネレーター の使用方法の短いバージョンを次に示します。

• グラデーションの種類を選択してください — 線形、放射状、または円錐形、線形グラデーションの角度制御付き。
• カラーストップを追加する — 各色とその位置を選択します。デザインに必要なだけストップを追加します。
• CSSをコピーする — バックグラウンド宣言または生成された Tailwind クラスをスタイルシートにコピーします。

重要な機能

CSS グラデーション ジェネレーター が得意とすること。

• デバイスからは何も残らない — 作業はブラウザのタブで行われます。このアプリにはアップロード エンドポイントがないため、ファイルやテキストを保存したり、ログに記録したり、当社が閲覧したりすることはできません。
• アップロードの待ち時間なし — サーバーへの往復を完全にスキップします。結果は、ネットワーク速度やキュー サイズではなく、ご使用の CPU によって制限されます。
• 無料、アカウントなし、割り当てなし — サインアップの壁、ウォーターマーク、1 日あたりの制限はありません。オプションのアカウントは、デバイス間でお気に入りとプリセットを保存するためにのみ存在します。