CSS 도구
5 toolsCSS 박스 섀도우, 애니메이션, 그라디언트, 테두리 생성기, CSS 포맷터 및 Tailwind 치트시트.
Tool list
CSS 정리·압축
지저분한 CSS를 보기 좋게 정리하거나 압축해서 용량을 줄이고, 룰·셀렉터·미디어 쿼리 수까지 한 화면에서 확인합니다.
Open tool
CSS Box Shadow 생성기
여러 레이어의 inset / outer 그림자를 쌓아 가며 오프셋·블러·확산·투명도·라운드를 조정하고 라이브 프리뷰로 확인합니다. CSS 또는 Tailwind 클래스로 복사 가능합니다.
Open tool
CSS Border 생성기
각 변의 두께, 8가지 스타일, 투명도 포함 색상, 코너별 라운드를 설정하고 라이브 프리뷰로 확인합니다. CSS / Tailwind로 복사할 수 있습니다.
Open tool
CSS 필터 생성기
blur·brightness·contrast·saturate·hue-rotate·grayscale·sepia·opacity·invert·drop-shadow를 이미지·아바타·카드 미리보기에 적용하며 CSS / Tailwind로 복사합니다.
Open tool
CSS 애니메이션 생성기
페이드·슬라이드·줌·바운스·로테이트 등 키프레임 프리셋을 조합하고 duration·easing·delay·iteration·direction·fill-mode를 설정해 CSS / HTML / React / Vue 코드로 내보냅니다.
Open tool