CSS → Tailwind 변환기
일반 CSS 속성을 Tailwind CSS 유틸리티 클래스로 변환하세요. 레이아웃, 간격, 타이포그래피 등을 지원합니다.
사용 방법
일반 CSS 속성을 Tailwind CSS 유틸리티 클래스로 변환하세요. 레이아웃, 간격, 타이포그래피 등을 지원합니다.
- 1입력 영역에 CSS 속성을 붙여넣으세요 (예: `margin: 16px; color: red;`).
- 2도구가 각 CSS 속성을 가장 가까운 Tailwind CSS 유틸리티 클래스에 매핑합니다.
- 3출력 패널에서 생성된 Tailwind 클래스를 검토하세요.
- 4클래스를 복사하여 HTML 요소에 직접 적용하세요.
주요 기능
- 일반 CSS 속성을 동등한 Tailwind 유틸리티 클래스로 변환
- 간격, 색상, 타이포그래피, 플렉스박스, 테두리 속성 처리
- 직접적인 Tailwind 동등물이 없는 속성 강조 표시
- JSX 또는 HTML에 바로 추가할 수 있는 클래스 문자열로 출력 형식 지정