CSS 클레이모피즘 생성기
이 CSS 클레이모피즘 생성기는 둥근 모서리와 여러 겹의 그림자로 부드러운 점토 느낌의 UI 블록을 빠르게 만들 수 있는 도구입니다. 배경색, 미리보기 크기, 테두리 반경, 그림자 방향, 깊이, 흐림, 투명도를 조정하고 생성된 CSS를 바로 복사해 프로젝트에 사용할 수 있습니다.
Box
px
px
{{ radius }}px
그림자
{{ depth }}px
{{ blur }}px
px
px
{{ blur }}px
{{ outerAlpha.toFixed(2) }}
{{ innerDarkAlpha.toFixed(2) }}
{{ innerLightAlpha.toFixed(2) }}
미리보기
{{ width }} x {{ height }}px
Clay
CSS
Copied!