CSS Generator — よく使うCSSをブラウザで生成

新しいWebデザインツール CSS Generator を追加しました。

よく使うCSSをブラウザ上で生成してそのままコピペで使えるツールです。値を入力・調整するとリアルタイムでプレビューと出力コードに反映されます。

対応機能

  • Clamp:ビューポートに応じて滑らかにスケールするフォントサイズ・余白などを生成
  • Box Shadow:ボックスシャドウ
  • Text Shadow:テキストシャドウ
  • Object Fit:画像のはみ出し制御
  • Gradient:グラデーション
  • Border Radius:角丸

▶ CSS Generator を使ってみる