CSSグラデーション生成
線形・放射状グラデーションを画面で確認しながら調整し、CSSをコピーできます。
プレビュー
PitaTools
特徴
- linear・radial切り替え
- 色・角度・位置を調整
- リアルタイムプレビュー
Steps
使い方
- 種類と色を選びます。
- 角度と位置を調整します。
- 完成したCSSをコピーします。
PitaTools
活用例
- 背景デザイン作成
- ボタンやカードの装飾
- 配色案の確認
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- linear・radial切り替え
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
色は何色まで使えますか？
現在は開始色と終了色の2色に対応します。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「CSSグラデーション生成」についてお気づきの点を運営者へお知らせください。