CSS · 디자인
그라디언트·그림자 등 복붙 가능한 CSS 스니펫을 생성합니다.
보이는 모양 15
움직임 6
레이아웃과 글자 7
컴포넌트 3
어떤 도구를 써야 할지 모르겠다면
외워서 쓰기 성가시고 미묘하게 틀리기 쉬운 CSS를 만들어 줍니다. 보이는 것 — 그라디언트, 메시 그라디언트, 그림자, 모서리, 블롭, 물결, 패턴 — 은 눈으로 맞을 때까지 끌고 그 결과를 복사하는 쪽이 숫자 네 개를 짐작하는 것보다 빠릅니다.
cubic-bezier는 가속 곡선을 눈으로 잡는 것이고, 애니메이션 생성기와 로더 생성기는 붙여넣을 keyframes를 냅니다.
그리고 다들 매번 다시 만드는 것들 — 토글 스위치, 체크박스, 스크롤바, 글리치 텍스트. React Native 그림자도 있습니다. RN의 그림자는 웹과 다르게 동작해서 CSS 값을 그대로 옮길 수 없습니다.