CSS til Tailwind Konverter
Konverter CSS-egenskaper til Tailwind CSS-hjelpeklasser. Støtter layout, mellomrom, typografi, farger og mer. Se uoverensstemmende egenskaper. Gratis, 100 % i nettleseren din.
Uoverensstemmende CSS (ingen Tailwind-ekvivalent funnet):
Referanse
Hva er CSS til Tailwind-konvertering?
Tailwind CSS er et utility-first CSS-rammeverk der du stiler elementer ved hjelp av forhåndsdefinerte klasser som flex, p-4, og text-center i stedet for å skrive egendefinert CSS. Dette verktøyet kartlegger vanlige CSS-egenskaper til deres Tailwind-ekvivalenter. Lim inn CSS-deklarasjoner og få den tilsvarende Tailwind-klassestrengen. Egenskaper uten direkte Tailwind-treff vises separat.
Støttede konverteringer
Layout — display, position, flex, grid-egenskaper. Mellomrom — padding, margin, gap, width, height med Tailwinds avstandsskala. Typografi — font-size, font-weight, text-align, text-transform, letter-spacing, line-height. Farger — background-color, color, border-color med heksadesimale verdier (som vilkårlige verdier). Kantlinjer — border-radius kartlagt til Tailwinds rounded-skala. Effekter — opacity, cursor, overflow, visibility, white-space. Vilkårlige verdier — heksadesimale farger konverteres til Tailwind vilkårlig-verdi-syntaks som bg-[#3b82f6].
Personvern
All konvertering kjøres 100 % i nettleseren din. Ingen data sendes til noen server.