글래스모피즘은 젖빛 유리 효과를 활용한 UI 디자인 스타일입니다. 반투명 레이어, 배경 블러, 섬세한 테두리가 배경색을 은은하게 비춥니다. Apple과 Microsoft가 대중화했으며 이제는 현대 인터페이스 디자인의 표준 기법입니다.
블러 반경, 흰색 투명도, 테두리 두께, 모서리 반경을 조정해 나만의 유리 카드를 만드세요. 미리보기는 다채로운 배경 위에 사실적인 젖빛 패널을 보여주고, CSS 출력에는 Safari 호환을 위한 -webkit- 접두사가 자동으로 포함됩니다.
Frequently Asked Questions
Q: backdrop-filter란 무엇인가요?
backdrop-filter란 무엇인가요? 요소 뒤에 있는 모든 것에 시각 효과(블러 등)를 적용합니다. 요소 자체에 영향을 주는 filter와 달리 backdrop-filter는 배경만 블러 처리하고 유리 레이어는 또렷하게 유지합니다.
Q: 글래스모피즘은 모든 브라우저에서 작동하나요?
글래스모피즘은 모든 브라우저에서 작동하나요? 모든 현대 브라우저가 backdrop-filter를 지원합니다. Safari에는 -webkit-backdrop-filter 접두사가 필요하며, 생성되는 CSS에 자동으로 포함됩니다.
Q: 2026년에도 글래스모피즘은 유행인가요?
2026년에도 글래스모피즘은 유행인가요? 네. 유행을 넘어 정착된 디자인 언어로 발전했으며 Apple, Microsoft, Revolut·N26 같은 주요 핀테크 앱이 사용합니다.
Q: 유리 카드에 가장 좋은 배경은 무엇인가요?
유리 카드에 가장 좋은 배경은 무엇인가요? 보라, 파랑, 분홍, 청록의 선명한 그라데이션이 가장 잘 어울립니다. 젖빛 레이어 너머로 비칠 만큼 다채로운 배경이어야 합니다.
Q: backdrop-filter가 성능을 저하시키나요?
backdrop-filter가 성능을 저하시키나요? 유리 요소가 몇 개라면 영향은 미미합니다. 수십 개를 겹치면 저사양 기기에서 스크롤이 느려질 수 있습니다 — 핵심 표면에만 사용하세요.
한국 전통색·오방색
오방색은 한국 전통 색채 체계로, 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 가지 기본색이 방위와 계절을 상징합니다. 단청과 한복, 오방장두루마기에 사용되며, 현대 디자인에서도 전통미를 살리는 배색으로 활용됩니다.
청색 #3B5BA5동쪽과 봄을 상징하는 오방색의 파랑
적색 #C12127남쪽과 여름을 상징하는 강렬한 빨강
황색 #EAC102중앙과 대지를 상징하는 노랑
백색 #F5F5F5서쪽과 가을을 상징하는 순백
흑색 #17191C북쪽과 겨울을 상징하는 깊은 검정
쪽빛 #0067A3쪽풀로 물들인 전통 남색. 청바지의 원조
연두색 #81C147새싹의 연한 초록. 단청에 자주 쓰임
살구색 #F7CE68살구 열매를 닮은 부드러운 노란빛
자주색 #583B7E고귀함을 상징하는 전통 보라
단청색 #2E8B8B궁궐과 사찰 단청의 청록색
Q: 오방색이란 무엇인가요?
오방색이란 무엇인가요? 오방색은 한국 전통 색채 체계로 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 색이 방위와 계절을 상징합니다. 단청, 한복, 오방장두루마기에 사용됩니다.
Q: 단청에 쓰이는 색은 무엇인가요?
단청에 쓰이는 색은 무엇인가요? 단청은 궁궐과 사찰의 목조건축을 장식하는 채색 기법으로, 오방색을 기본으로 청록색(#2E8B8B)과 연두색(#81C147) 등을 조화롭게 사용합니다.