Liquid Glass

왜 필요한가

풍부한 콘텐츠 위에서도 탐색 도구를 계속 쓰고 싶습니다. 도구가 콘텐츠 카드와 구별되도록 별도 층을 표현할 필요가 있습니다.

작업 3개와 메모 2개가 있는 작업실에서 하나를 완료하면 진행률이 1 / 3, 33%가 됩니다. 작업 필터와 메모 펼치기를 써보고 초기화로 처음 상태와 비교합니다. 불투명 패널로 투명도를 없앨 수 있습니다.

같은 프로젝트 작업실로 스타일 비교

프로젝트 / 오늘 · 01

자료를 모으고 방향을 그린 뒤 문구를 다듬습니다. 세 가지 작은 작업으로 생각이 담긴 작업실을 만듭니다.

상태

본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.

Liquid Glass는 콘텐츠 위에 동적인 투명 탐색층을 둡니다. 이 웹 예제는 시각적 특징을 설명하며 Apple 네이티브 렌더링과 같지 않습니다.

투명 표면은 대비 확인과 불투명 대체 모드가 필요합니다.