실용적인 유리 효과

rgba 패널 배경, 반투명 테두리, backdrop-filter 흐림 및 채도, 모서리 반경과 부드러운 그림자를 조합합니다. 독창적인 다색 그라데이션으로 투명도와 흐림을 확인합니다.

대체 표시와 대비

backdrop-filter를 지원하지 않아도 반투명 패널은 보이지만 효과는 줄어듭니다. 패널 위 모든 텍스트와 아이콘의 대비를 확인하고 장식용 투명 효과를 읽기 쉬운 단색 또는 고대비 표현 대신 사용하지 마세요.

자주 묻는 질문

backdrop-filter 미지원이면 어떻게 되나요?

반투명 배경, 테두리, 모서리, 그림자는 유지되고 배경 흐림과 채도 향상만 사용할 수 없습니다.

같은 설정이 다르게 보이는 이유는 무엇인가요?

흐림과 채도는 뒤쪽 색과 세부 요소에 달려 있고, 불투명도는 현재 배경과 혼합됩니다.

텍스트 대비를 어떻게 확인하나요?

최종 배경에서 실제 텍스트를 미리 보고 어느 지점에서든 불분명하면 패널을 더 불투명하게 하거나 텍스트 색을 강화하세요.