웹에서 Glass 효과를 구현했습니다!

요약

웹 환경에서 Glass 효과를 구현하는 방법을 소개합니다. 이 기술은 실시간 굴절(refraction)을 실제 DOM 콘텐츠에 적용하여, 텍스트나 버튼 같은 HTML 요소가 휘어지는 인터랙티브한 경험을 제공합니다.

핵심 포인트

• 실제 DOM까지 실시간 굴절 효과 적용 가능
• 클릭 및 스크롤 등 모든 인터랙션 유지
• Chromium 외 Safari, Firefox 등 크로스 브라우저 지원