CSS 글래스모피즘(반투명 유리) 효과 생성기

CSS Glassmorphism 생성기

모든 처리가 브라우저에서 이루어집니다 — 파일이 기기를 떠나지 않습니다.
완전 무료, 가입·계정·사용 제한이 없습니다.
모바일 포함 최신 브라우저에서 작동합니다.

About this tool

CSS Glassmorphism 생성기. 처리는 브라우저에서 로컬로 실행되며 입력 데이터는 ThothBox에 업로드되지 않습니다.

How to use

블러 반경, 불투명도, 테두리 너비, 테두리 불투명도를 조정합니다.
컬러풀 메쉬 그라디언트와 어두운 배경 위에서 프로스티 카드를 테스트합니다.
기본 카드 색조와 테두리 반경을 커스터마이즈합니다.
CSS 복사를 클릭하여 크로스 브라우저 backdrop-filter 규칙을 복사합니다.

FAQ

사파리와 모바일 브라우저에서 작동하나요?

네! 출력은 완전한 사파리, iOS, 크로미엄 지원을 위해 backdrop-filter와 -webkit-backdrop-filter 벤더 접두사를 모두 포함합니다.

글래스모피즘이란?

글래스모피즘은 배경 블러, 반투명 레이어 표면, 미묘한 테두리, 생생한 배경 대비를 특징으로 하는 UI 디자인 트렌드입니다.

Tags

Related tools