와플앱 도구 안내

뉴모피즘 CSS 생성기

  • 뉴모피즘 CSS 생성기는 웹페이지 제작에 필요한 코드 조각을 만들거나 정리하는 도구입니다.
  • 제목, 설명, 색상, 규칙, 디자인 옵션을 입력하면 CSS나 HTML 메타 코드를 생성합니다.
  • 생성된 코드를 확인해 사이트 헤더, 스타일, SEO 설정에 붙여 넣을 수 있습니다.
관련 도구 그라데이션 생성기 그림자 생성기 색상 팔레트 명도대비 검사 랜덤 색상 생성 색상 혼합기

뉴모피즘 CSS 생성기

배경색과 같은 계열의 밝은 그림자, 어두운 그림자를 조합해서 눌린 버튼이나 떠 있는 카드 느낌의 CSS를 만듭니다.

Neumorphism

    
뉴모피즘은 배경색과 컴포넌트 색이 같을 때 가장 자연스럽습니다. 너무 어두운 배경에서는 명암 강도를 낮추는 편이 좋습니다.