CSS·디자인
도구 9개
도구 9개
코드 이미지 변환
코드 조각을 보기 좋은 스크린샷으로 만들어 줍니다.
CSS 그라디언트 생성기
선형, 방사형, 원뿔형 그라디언트를 눈으로 보며 만들고 CSS를 바로 복사합니다.
CSS 글래스모피즘
배경 블러와 반투명 테두리 코드를 실시간으로 만들어 줍니다.
박스 섀도 생성기
겹겹이 부드러운 그림자를 미리보기와 함께 만들어 줍니다.
CSS 로더 생성기
순수 CSS로 된 로딩 표시를 만들어 줍니다.
SVG 블롭 생성기
복잡도를 조절해 유기적인 SVG 블롭 모양을 만들어 줍니다.
SVG를 PNG로
SVG 코드에서 고해상도 PNG를 만들어 줍니다.
색상 대비 검사기
두 색의 WCAG 대비율을 확인하고 AA·AAA 통과 여부를 보여 줍니다.
PX / REM / EM 변환기
루트 글꼴 크기를 직접 정해 px, rem, em을 변환하며 여러 값을 한꺼번에 변환하는 목록 모드도 있습니다.