CSS ジェネレーター

グラデーション・影(box/text-shadow)・角丸(border-radius)・flex/grid レイアウトを見ながら作って CSS をコピーします。入力はサーバーに送信されません。

入力はこのブラウザ内だけで使われ、サーバーには送信されません。作られる CSS は許可された値(色・整数・決まった語)だけで組み立てるので、`;` や `}` が紛れ込めません。古いブラウザでは conic-gradient や gap の一部が使えない場合があります。

よくある質問

作った CSS はどう使いますか?

コピーした行をスタイルシートのルールの中に貼り付けます。例: .card { コピーした内容 }。グラデーションは古いブラウザ向けに代替色の行が先に出ます。

flex と grid のどちらを使いますか?

一方向(横または縦)に並べて揃えるなら flex、行と列のある格子なら grid が向いています。プレビューで値を変えて違いを確かめてください。

入力した値は保存されますか?

いいえ。すべてブラウザ内で処理され、サーバーには送信されません。