At WWDC25, Apple unveiled its new design language known as Liquid Glass, captivating developers with its innovative visual effects. The Liquid Glass creates an illusion of depth and smoothness, transforming flat elements into tactile objects through highlights, shadows, and color adjustments. Although initially specific to Apple devices, developers found that similar effects could be achieved using CSS, although primarily effective in Chrome. Detailed techniques reflect how shadows can simulate the fresnel effect, enhancing visual depth and interaction. The exploration of these methods indicates a growing synergy between design and frontend development tools.
The new Liquid Glass design language introduced at WWDC25 showcases elements that suggest depth and tactility, prompting comparisons to CSS capabilities in browsers.
Using shadows effectively, we can simulate the fresnel effect to enhance the visual depth of Liquid Glass, making elements appear more three-dimensional on-screen.
Collection
[
|
...
]