Liquid Glass on the Web
Briefly

Apple is introducing the Liquid Glass design aesthetic in version 26 of its operating systems, impacting native app developers. This aesthetic has faced criticism regarding text contrast accessibility when overlays are used on unknown backgrounds, presenting challenges for readability. Implementing this look on the web involves complexities, including refracted light and frosted effects. There are varied approaches among web developers, with some opting for clear glass effects to bypass text readability challenges. Achieving the full visual effect requires significant manipulation and design consideration.
The liquid glass look has been criticized for text contrast accessibility, particularly when setting text over unknown backgrounds. Digital designers recognize the need for concessions for readability.
The Apple Liquid Glass aesthetic introduces refracted light, highlights, and frosted effects, simulating actual glass behavior, which can complicate its implementation in web design.
Achieving the full liquid glass effect on the web can be complex, requiring manipulation of visibility, light refraction, and layering techniques to create depth.
Some designers opt for clear glass effects without frost to avoid readability issues, showcasing that not all implementations need to prioritize text legibility.
Read at Frontendmasters
[
|
]