UTILS.
100% 브라우저 내 실행

뉴모피즘 생성기

실시간 미리보기로 소프트 UI 뉴모픽 그림자를 만들고 복사하세요.

이 도구에 대하여

밝은 그림자와 어두운 그림자를 짝지어 크기, 거리, 강도, 흐림을 조절하고 볼록 또는 오목한 느낌까지 더한 소프트 UI 뉴모픽 요소를 디자인한 뒤 CSS를 복사하세요. 브라우저 안에서 실시간으로 동작합니다.

자주 묻는 질문

뉴모피즘은 왜 그림자를 두 개 사용하나요?
반대편 모서리에 놓인 밝은 그림자 하나와 어두운 그림자 하나가 단일 광원을 흉내 내어, 요소가 배경에서 튀어나온 것처럼 보이게 합니다.
볼록과 오목의 차이는 무엇인가요?
볼록은 표면에서 솟아오른 것처럼 보이고, 오목은 그라데이션과 그림자를 반전시켜 요소가 표면 안으로 눌린 것처럼 보이게 합니다.

더 많은 도구