무료 온라인 CSS to Tailwind 변환기. 일반 CSS 속성을 Tailwind CSS 유틸리티 클래스로 즉시 변환합니다.
flex flex-col p-4 my-0 mx-auto rounded-[0.5rem] bg-white shadow| CSS | Tailwind |
|---|---|
| display: flex | flex |
| flex-direction: column | flex-col |
| padding: 1rem | p-4 |
| margin: 0 auto | my-0 mx-auto |
| border-radius: 0.5rem | rounded-[0.5rem] |
| background-color: #ffffff | bg-white |
| box-shadow: 0 1px 3px rgba(0,0,0,0.1) | shadow |