它可以將 CSS 轉換為 Tailwind 嗎？

是的。貼上 CSS 聲明區塊，Tailfind 將其應用於範例元素，然後匯出最接近的 Tailwind 類別清單。

是否保留自訂值？

如果可能，Tailfind 會將值對應到預設 Tailwind class，並讓非預設值以 arbitrary value 的形式可見，而不是隱藏它們。

CSS 轉換器專為聲明區塊而設計。當需要選擇器、類別、巢狀標記或更完整的樣式表時，請使用 HTML/CSS 轉換器。

貼上 CSS 宣告區塊並將渲染的範例轉換為可複製到元件中的 Tailwind 類別。

CSS

Tailwind v4

還沒有輸出

產生的 Tailwind 輸出自動出現在此。

CSS 到 Tailwind 轉換器會把宣告區塊轉成最接近、可攜的 Tailwind class。它適合一次性的 design token、清理 inline style，以及把小段 CSS 搬進 component markup。

Tailfind 會在轉換前將宣告套用到範例元素，因此 layout、spacing、顏色、邊框、陰影、排版和尺寸值，都會透過擴充功能使用的同一條瀏覽器渲染路徑解讀。

用它將 CSS 屬性轉換為 Tailwind class、檢查哪些值對應到預設 Tailwind scale，並把非預設值明確保留為 arbitrary value。

它可以將 CSS 轉換為 Tailwind 嗎？: 是的。貼上 CSS 聲明區塊，Tailfind 將其應用於範例元素，然後匯出最接近的 Tailwind 類別清單。
是否保留自訂值？: 如果可能，Tailfind 會將值對應到預設 Tailwind class，並讓非預設值以 arbitrary value 的形式可見，而不是隱藏它們。
我應該貼上完整的樣式表嗎？: CSS 轉換器專為聲明區塊而設計。當需要選擇器、類別、巢狀標記或更完整的樣式表時，請使用 HTML/CSS 轉換器。

跳過手動轉換

Tailfind 將轉換器帶到您的瀏覽器中，以便您可以直接從正在查看的頁面捕獲生產 UI。