글래스모피즘(Glassmorphism) 생성기
최신 UI 트렌드인 '유리 같은 질감'을 표현하는 CSS 코드를 생성하는 도구입니다. 배경을 흐리게 처리하는 backdrop-filter 속성을 활용하여 세련되고 현대적인 디자인 요소를 만들 수 있습니다.
1이 도구는 언제 쓰나요?
💡최신 트렌드의 웹사이트를 디자인할 때
💡세련된 카드 UI나 모달 창을 만들 때
💡배경 이미지가 비치는 투명한 패널이 필요할 때
2주요 기능
- 실시간 비주얼 에디터
- 크로스 브라우징 지원 코드 생성 (-webkit 포함)
- 배경 이미지 위에서의 미리보기 제공
- 모던한 카드 UI 템플릿 제공
3사용 방법
- 흐림(Blur)과 투명도(Transparency)를 조절하여 유리 질감을 만드세요.
- 배경색과 테두리를 미세 조정하세요.
- 완성된 CSS 코드를 복사하여 프로젝트에 적용하세요.
자주 묻는 질문
Q. 모든 브라우저에서 지원되나요?
A. 최신 크롬, 사파리, 엣지 등 대부분의 모던 브라우저에서 지원됩니다. 단, 구형 IE에서는 작동하지 않습니다.