UTILS.
100% 브라우저 내 실행

글래스모피즘 생성기

블러, 투명도, 채도, 틴트 색상으로 프로스트 글래스 카드 CSS를 만드세요.

이 도구에 대하여

블러, 투명도, 채도, 틴트를 조정해 프로스트 글래스 카드를 디자인하고 CSS를 복사하세요. 모든 작업이 브라우저 안에서 이루어집니다.

자주 묻는 질문

미리보기는 왜 그라데이션 위에 있나요?
글래스모피즘은 카드 뒤로 블러와 투명도가 보이도록 다채로운 배경이 필요하기 때문입니다.
backdrop-filter는 무엇을 하나요?
요소 뒤에 있는 모든 것을 블러 처리하고 채도를 높여 프로스트 글래스 효과를 만듭니다.

더 많은 도구