CSS グラデーション作成
線形・円形のグラデーションを作って CSS をコピー。
無料 · 登録不要 · 端末内で処理
処理はブラウザの中だけ
- Live結果
- 0送信
- 1 tapコピー可
- Free登録不要
CSS グラデーション作成の仕様
- 入力
- 種類・角度・2つ以上の停止点
- 出力
- プレビューと貼れる CSS
- 方式
- 標準 CSS をブラウザで組立
- 料金
- 無料
- 処理する場所
- あなたの端末の中
CSS グラデーション作成の使い方
- 1
種類と角度を選ぶ
線形か円形、そして角度
- 2
色の停止点を置く
色と位置を決めると帯が更新
- 3
CSS をコピーする
完成した1行をコピー
よくある質問
アップロードなしで使える？
はい。入力はブラウザのタブの中で処理されます。処理用のサーバーに送られることも、アカウントに保存されることもありません。
コピーする前に結果を変えられる？
はい。操作するたびに結果が更新されます。求めている出力になってからコピーしてください。
対応ブラウザは？
Chrome・Edge・Firefox・Safari の最新版であれば、ここで使う機能に対応しています。かなり古いブラウザでは必要な機能がないことがあります。
きれいな結果を得るために
入力するか選ぶと、作業エリアの結果がその場で更新されます。内容を確かめてから、必要なときにコピーしてください。
- コピーする前に、入力の形式と選んだ設定をご確認ください。
- 結果を大きな作業の一部で使う場合は、元の入力も残しておくと安心です。
仕様をすべて見る
| 入力 | グラデーションの種類、角度、そして2つ以上の色の停止点。 |
|---|---|
| 出力 | その場で変わるプレビューと、そのまま貼れる CSS。 |
| 方式 | ブラウザ標準の CSS グラデーションを、その場で組み立てます。 |
| 料金 | 無料。作業領域の外に、広告と分かる形で広告を出しています。 |
| 処理する場所 | このブラウザのタブの中。入力がアップロードされることはありません。 |
同じファイルのまま続ける
カラーツール一覧： SPOTTOOLSのカラーツール