뉴모피즘(Neumorphism) 생성기

배경과 동일한 색상을 사용해 튀어나오거나 파묻힌 듯한 부드러운 질감을 구현합니다.

배경 및 기본 색상

형태 (Shape)

크기 (Size): 200px

모서리 둥글기 (Radius): 40px

그림자 거리 (Distance): 15px

흐림 효과 (Blur): 30px

명암 강도 (Intensity): 15%

CSS Code

.neumorphism-box {
  width: 200px;
  height: 200px;
  border-radius: 40px;
  background: #e0e5ec;
  box-shadow: 15px 15px 30px #bec3c9, -15px -15px 30px #ffffff;
}