Liigu sisuni

CSS–Tailwindi muundur

Teisenda CSS-omadused Tailwind CSS utiliidi klassideks. Toetab paigutust, vahesid, tüpograafiat, värve ja muud. Vaata sobitamata omadusi. Tasuta, 100 % sinu brauseris.

Mis on CSS–Tailwindi teisendus?

Tailwind CSS on utiliidi-esmane CSS-raamistik, kus elemente stiilitakse eeldefineeritud klassidega nagu flex, p-4 ja text-center kohandatud CSS-i kirjutamise asemel. See tööriist vastendab levinud CSS-omadused nende Tailwindi vastetega. Kleebi CSS-deklaratsioonid ja saa vastav Tailwindi klassistring. Omadused, millel pole otsest Tailwindi vastet, näidatakse eraldi.

Toetatud teisendused

Paigutus — display, position, flex, grid omadused. Vahed — padding, margin, gap, width, height Tailwindi vaheskaalal. Tüpograafia — font-size, font-weight, text-align, text-transform, letter-spacing, line-height. Värvid — background-color, color, border-color hex-väärtustega (suvaliste väärtustena). Äärised — border-radius vastendatakse Tailwindi rounded-skaalale. Efektid — opacity, cursor, overflow, visibility, white-space. Suvalised väärtused — hex-värvid teisendatakse Tailwindi suvalise väärtuse süntaksiks nagu bg-[#3b82f6].

Privaatsus

Kogu teisendus toimub 100 % sinu brauseris. Andmeid ei saadeta serverisse.