Apple тихо исправила главную претензию к Liquid Glass
И чинила это отсылкой к Mac OS X Aqua 2001 года.
Когда вышел Liquid Glass 1.0, критика была одной и той же: размытые, призрачные элементы с диагональным источником света и без чёткого отделения от фона. Liquid Glass 2.0 (iOS/iPadOS 27, «Golden Gate») тихо переписывает формулу — тёмные контрастные границы слева/справа, градиент сверху/снизу для свечения. Робб Найт, который внимательно следит за этим, называет это «Liquid Aqua» — и когда видишь сходство с Aqua эпохи Snow Leopard, обратно уже не разувидишь.
Он воссоздал эффект на CSS, и самое интересное — в дев-заметках:
→ Цвет контрола чуть светлее фона — инвертируется только когда фон уже белый → Самая тёмная точка вертикального градиента смещена чуть выше центра, а не ровно по середине — именно этот сдвиг читается как «Aqua», а не просто плоское стекло → Один backdrop-filter мажет цвета при осветлении контрола, поэтому поверх blur добавляется saturation → Подгонять оттенок контрола под фоновое фото (голубой воды vs. тёплых веток) — ручная работа, CSS не умеет сам вычитывать доминантный тон фото → @property пригодился для типизации и дефолтов CSS-переменных → Самый раздражающий баг: CSS-переменные ненадёжно наследуются через :active, приходится повторять состояние по всему стилю → На тачскринах :active тихо ломается, пока не добавишь пустой атрибут ontouchstart
Ничего экзотичного в CSS здесь нет. Сложность в том, что каждая цветовая точка, радиус размытия и значение тени отточены вручную — это не то, что получается с первой попытки.
Живой CodePen и полный разбор у Robb Knight 👇 https://thathtml.blog/2026/07/liquid-glass-in-css-liquid-aqua/
