Liquid Glass для веба без костылей

Aave Labs подробно разобрали, как собрали свою реализацию Liquid Glass для веба. В отличие от большинства экспериментов эффект работает не только в Chromium, но и в Safari и Firefox, на десктопе и мобильных устройствах.

Самое интересное — внутри не просто демка, а разбор всей инженерии: SVG-фильтры, displacement map, WebGL для видео и canvas, оптимизация анимации и отдельные костыли для Safari. Есть интерактивные примеры и готовые куски кода для свитчей, слайдеров, табов, QR и видеоплеера.

👉🏻https://aave.com/design/building-glass-for-the-web

#ui #web #animation #read #ai_code