와플앱 도구 안내

글래스모피즘 CSS 생성기

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

글래스모피즘 CSS 생성기

투명한 유리 카드 느낌을 만들 때 쓰는 backdrop-filter, 반투명 배경, 테두리, 그림자 값을 조절하고 CSS를 확인합니다.

Glass Card backdrop-filter와 반투명 배경으로 유리처럼 겹쳐 보이는 카드입니다.
blurbordershadow

    
배경 위에 겹쳐지는 카드나 모달에 적용하면 효과가 잘 보입니다. 입력값은 서버로 전송하지 않고 현재 브라우저에서 계산합니다.