CSS→Tailwind変換
CSSプロパティをTailwind CSSユーティリティクラスに変換。レイアウト、スペーシング、タイポグラフィ、カラーなどをサポート。無料、100%ブラウザで動作。
未対応CSS(Tailwind対応なし):
参考
CSS→Tailwind変換とは?
Tailwind CSSはユーティリティファーストのCSSフレームワークで、flex、p-4、text-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%実行されます。データはサーバーに送信されません。