🌈
CSS の勾配を生成
美しいCSSのグラデーションをデザインし、コードをコピーします。
使い方 CSS グラデーションジェネレータ
線形か放射状を選んで下さい
直線線に沿って直線ブレンド。中心点から放射状が外側に広がります。
色の停止を追加し、位置を位置
必要に応じて複数の色を追加し、各ストップをドラッグしてグラデーションに沿って配置します。
CSS をコピーする
角度や形状を調節して、生成されたCSSをスタイルシートにコピーします。
について CSS グラデーションジェネレータ
CSS グラデーションの構文は、メモリから書き込むのが簡単で、誤って書きやすくなります。 角度は、ほとんどの人が初めて驚く方向から測定され、色落ちのポジションは予測が困難で、グラデーションの権利を得る唯一の信頼できる方法は、調整するにつれて変更を表示することです。 これは、このツールが何であるかです。 グラデーションを視覚的に構築し、CSSをスタイルシートに貼り付けることができます。
どちらのタイプもカバーされます。 線形勾配は、あなたが設定した角度で直線に沿ってブレンドし、ボタン、ヒーローセクション、背景バンドに使用するものです。 放射状勾配は、円または楕円の中心点から外側に広がる、スポットライト、輝き、微妙なビネットに適しています。 必要に応じて多くの色が止まり、トラックに沿って各色をドラッグすることができます。
出力は、このサイトに依存せず、ベンダーが必要とするプレフィックスを一切使わない、 平凡でプロダクション対応するCSSです。現在のブラウザは何年も前から未修正のグラデーションをサポートしているためです。 ブラウザですべて実行され、生成されたCSSは、プロジェクト、商用、その他に使用するものです。
よくある質問
- CSSグラデーションを作成するにはどうすればよいですか?
- 線形か放射状を選んで下さい、あなたの色停止を加えて下さい、角度を置き、そしてあなたのstylesheetに作り出されたCSSをまっすぐコピーして下さい。
- リニアと放射状の違いは何ですか?
- 直線的なグラデーションは、選択した角度で直線に沿ってブレンドします。 放射状勾配は、円または中心点から楕円で外側に広がる。
- 2色以上は使えますか?
- はい。必要に応じて多くの色が止まり、グラデーションに沿って各色を置きます。