コンテンツにスキップ

CSS→Tailwind変換

CSSプロパティをTailwind CSSユーティリティクラスに変換。レイアウト、スペーシング、タイポグラフィ、カラーなどをサポート。無料、100%ブラウザで動作。

CSS→Tailwind変換とは?

Tailwind CSSはユーティリティファーストのCSSフレームワークで、flexp-4text-centerなどの定義済みクラスでスタイリングします。このツールは一般的なCSSプロパティをTailwindの対応物にマッピングします。

対応する変換

レイアウト — display、position、flex、grid。スペーシング — padding、margin、gap、width、height。タイポグラフィ — font-size、font-weight、text-align。カラー — background-color、color、border-color(hex値)。ボーダー — border-radius。エフェクト — opacity、cursor、overflow。

プライバシー

すべての変換はブラウザ内で100%実行されます。データはサーバーに送信されません。