ממיר CSS ל-Tailwind

הדבק בלוק הצהרת CSS והמר את המדגם שניתנו למחלקות Tailwind שתוכל להעתיק לרכיבים.

CSS
Tailwind v4

עדיין אין פלט

פלט Tailwind שנוצר מופיע כאן באופן אוטומטי.

ממיר Tailwind מושלם לפיקסלים

המר את CSS למחלקות Tailwind נקיות

הכרזה-המרה ראשונה
הדבק בלוק הצהרת CSS ו-Tailfind יחיל אותו על רכיב לדוגמה לפני המרת התוצאה המעובדת למחלקות Tailwind הניתנות לשימוש חוזר.
העדפת ברירת מחדל
ברירת המחדל של Tailwind ניידת נשמרת כאשר ערכי ההצהרה תואמים לסולם המסגרת.
נסיגה ערכית שרירותית
ערכים שאינם ברירת מחדל הופכים ל-arbitrary values ברורים, כך שקל לבדוק פיקסלים, צבעים, צללים ותזמונים מותאמים אישית.
פלט בטוח בפריסה
מרווח, גודל, תצוגה, רשת, גמישות, גבולות, צללים וטיפוגרפיה ממופים מהמדגם המעובד.
מיצוי כיתה מהיר
הפלט הוא רשימת מחלקות Tailwind ממוקדת שמוכנה להעתקה לרכיב, ספייק או פס ניקוי.
טוב לביקורות
השתמש בו כדי להחליף בלוקים חד-פעמיים של CSS, ניסויי inline style ואבי טיפוס של מערכת עיצוב במחלקות Tailwind ברורות יותר.

מדריך לממיר CSS

הפוך הצהרות CSS לכלי שירות Tailwind

ממיר CSS ל-Tailwind הופך בלוק הכרזה למחלקות השירות הניידות הקרובות ביותר של Tailwind. זה שימושי עבור אסימוני עיצוב חד פעמיים, ניקוי בסגנון מוטבע והעברת קטעי CSS קטנים לתוך סימון רכיבים.

Tailfind מחיל את ההצהרות על רכיב לדוגמה לפני ההמרה, ולכן ערכי פריסה, ריווח, צבע, גבול, צל, טיפוגרפיה וגודל מתפרשים באמצעות אותו נתיב עיבוד של הדפדפן שבו משתמש התוסף.

השתמש בו כדי להמיר מאפייני CSS למחלקות Tailwind, לבדוק אילו ערכים תואמים לסולם ברירת המחדל של Tailwind, ולשמור ערכים שאינם ברירת מחדל כ-arbitrary values ברורים.

האם זה יכול להמיר CSS ל-Tailwind?
כֵּן. הדבק בלוק הצהרת CSS ו-Tailfind יחיל אותו על רכיב לדוגמה לפני ייצוא רשימת המחלקות הקרובה ביותר ל-Tailwind.
האם ערכים מותאמים אישית נשמרים?
Tailfind ממפה ערכים למחלקות Tailwind ברירת מחדל כשאפשר, ושומר ערכים שאינם ברירת מחדל כ-arbitrary values גלויים במקום להסתיר אותם.
האם עלי להדביק גיליון סגנונות מלא?
ממיר CSS מיועד לבלוקים של הצהרות. השתמש בממיר HTML/CSS כאשר יש צורך בבוררים, מחלקות, סימון מקונן או גיליון סגנונות מלא יותר.

דלג על המרה ידנית

המר כל דף חי ל-Tailwind CSS נקי

Tailfind מביא את הממיר לדפדפן שלך, כך שתוכל ללכוד את ממשק המשתמש הייצור ישירות מהדף שאתה צופה בו.

מידע נוסף הורד
צילום מסך של אפליקציה