Μετατροπέας CSS σε Tailwind
Μετατρέψτε ιδιότητες CSS σε κλάσεις χρησιμότητας Tailwind CSS. Υποστηρίζει διάταξη, αποστάσεις, τυπογραφία, χρώματα και άλλα. Δείτε μη αντιστοιχισμένες ιδιότητες. Δωρεάν, 100% στον browser σας.
Μη αντιστοιχισμένο CSS (δεν βρέθηκε ισοδύναμο Tailwind):
Αναφορά
Τι είναι η μετατροπή CSS σε Tailwind;
Το Tailwind CSS είναι ένα πλαίσιο CSS βασισμένο σε χρησιμότητες, όπου μορφοποιείτε στοιχεία χρησιμοποιώντας προκαθορισμένες κλάσεις όπως flex, p-4 και text-center αντί να γράφετε προσαρμοσμένο CSS. Αυτό το εργαλείο αντιστοιχίζει κοινές ιδιότητες CSS στα ισοδύναμα Tailwind. Επικολλήστε δηλώσεις CSS και λάβετε την αντίστοιχη αλφαριθμητική κλάσεις Tailwind.
Υποστηριζόμενες μετατροπές
Διάταξη — display, position, flex, ιδιότητες grid. Αποστάσεις — padding, margin, gap, width, height. Τυπογραφία — font-size, font-weight, text-align, text-transform, letter-spacing, line-height. Χρώματα — background-color, color, border-color με τιμές hex. Περιγράμματα — border-radius. Εφέ — opacity, cursor, overflow, visibility, white-space. Αυθαίρετες τιμές — τιμές hex μετατρέπονται σε σύνταξη αυθαίρετων τιμών Tailwind.
Απόρρητο
Όλη η μετατροπή εκτελείται 100% στον browser σας. Δεν αποστέλλονται δεδομένα σε κανέναν server.