CSS–Tailwind-muunnin
Muunna CSS-ominaisuudet Tailwind CSS -apuluokiksi. Tukee asettelua, välistystä, typografiaa, värejä ja muuta. Näe vastaamattomat ominaisuudet. Ilmainen, 100 % selaimessasi.
Vastaamattomat CSS-ominaisuudet (Tailwind-vastinetta ei löytynyt):
Viite
Mikä on CSS–Tailwind-muunnos?
Tailwind CSS on apuluokka-ensin-CSS-kehys, jossa elementtejä muotoillaan valmiilla luokilla kuten flex, p-4 ja text-center oman CSS:n kirjoittamisen sijaan. Tämä työkalu yhdistää yleiset CSS-ominaisuudet niiden Tailwind-vastineisiin. Liitä CSS-määrittelyt ja saa vastaava Tailwind-luokkamerkkijono. Ominaisuudet, joilla ei ole suoraa Tailwind-vastinetta, näytetään erikseen.
Tuetut muunnokset
Asettelu — display, position, flex, grid-ominaisuudet. Välistys — padding, margin, gap, width, height Tailwindin välistysasteikolla. Typografia — font-size, font-weight, text-align, text-transform, letter-spacing, line-height. Värit — background-color, color, border-color hex-arvoilla (mielivaltaisina arvoina). Reunat — border-radius yhdistetään Tailwindin rounded-asteikkoon. Efektit — opacity, cursor, overflow, visibility, white-space. Mielivaltaiset arvot — hex-värit muunnetaan Tailwindin mielivaltaiseen arvosyntaksiin kuten bg-[#3b82f6].
Tietosuoja
Kaikki muunnos tapahtuu 100 % selaimessasi. Tietoja ei lähetetä palvelimelle.