개발자
무료
회원가입 불필요
Tailwind CSS 치트 시트
200개 이상의 Tailwind CSS v3 유틸리티 클래스에 대한 인터랙티브 검색 가능한 참조.
도구를 불러오는 중…
이 도구에 대해
Tailwind CSS v3 유틸리티 클래스를 카테고리별로 그룹화하여 탐색, 검색, 복사하세요: 레이아웃, Flexbox, Grid, 간격, 크기 조정, 타이포그래피, 테두리, 효과, 필터, 트랜지션, 변환, 상호작용. 각 항목은 클래스 이름, 적용되는 기본 CSS, 반응형 또는 상태 변형에 대한 메모를 보여줍니다. 임의의 클래스를 클릭하면 즉시 복사됩니다.
사용 방법
- 1 1단계: 검색 상자를 사용하여 이름(예: 'flex')이나 CSS 속성(예: 'display')으로 클래스를 찾으세요.
- 2 2단계: 클래스 그리드 위의 pill 버튼을 사용하여 카테고리별로 필터링하세요.
- 3 3단계: 임의의 항목 위에 마우스를 올려 전체 CSS 값과 사용 가능한 반응형/상태 변형을 확인하세요.
- 4 4단계: 클래스 이름 카드를 클릭하여 클립보드에 복사하고 HTML에 바로 붙여 넣으세요.