CSS to Tailwind 转换器

将传统的 CSS 样式转换为 Tailwind CSS 类名。 支持自动识别 arbitrarily values ([...])。

在此处查看转换结果

为什么使用 CSS to Tailwind 转换器？

重构利器

快速将旧项目中的 CSS/SCSS 代码迁移到 Tailwind CSS，无需手动查阅文档。

JIT 模式支持

自动生成任意值 (Arbitrary Values) 写法，例如 bg-[#123456] 或 w-[350px]，完美适配 Tailwind JIT。

支持的属性

displaypositionmarginpaddingwidthheightcolorbackgroundborder-radiusfont-sizeflexboxz-indexopacity

注意：复杂的 CSS 选择器（如 :hover, ::before）或媒体查询暂不支持自动转换，请手动调整。