Та же идея, что в статье: SVG displacement map + specular карта + CSS backdrop-filter, но с мини-игрой и пультом управления линзой.
Liquid Glass—Precision Lens
Потяни капсулу по странице. Линза — это SVG displacement-механика, которая преломляет всё, что оказывается под ней.
Поле смещений задаётся профилем фаски; пиксели отодвигаются вдоль её градиента, а сверху кладётся спекулярный блик для глубины.
Проводи по контрастным границам — текст и линии будут явно «ломаться».
Кликай по пузырю — он даёт +1. Промах по полю — −1. Пузырь тоже проходит через тот же фильтр жидкого стекла.
Здесь можно крутить профиль фаски, силу преломления и яркость блика. Карты displacement и specular пересчитываются, scale фильтра меняется отдельно.
Под капотом: профиль высоты → нормали → векторное поле смещений → упаковка X/Y в красный/зелёный каналы displacement карты →
<feDisplacementMap> + отдельная specular-карта.