Мой ресерч не закончился на том, что я посмотрел на эффект преломления стекла, с интересом почитал про математику, и поплакал. Потому что перфоманс веба от самостоятельных реализаций такого добра катастрофически пострадает. Мы не можем себе позволить замедлить навигацию приложения. Окей, вопрос: а что мы тогда вообще можем?

За текущим нативным таббаром помимо эффекта стекла можно заметить сразу несколько штук:

1. Он отзывчив. Он откликается сразу пачкой эффектов на нажатие. Он немножко вопреки привычному вдавливанию растекается и становится крупнее.

2. Он рефлексирует на нажатие усилением света, используя притом HDR. (В начале я ошибочно думал, что это всё хитрость пространства Display P3).

3. Активный блоб перетекает, да ещё и дисперсией окружения, отсвечивая объекты вокруг.

4. Внутри самого материала стекла (и градиента вокруг) такое кол-во блендингов, что я даже в Фигме не могу настолько близко повторить эффекты.

Вычеркиваем стекло, отражение при тактильности, упрощаем блендинги, и кажется остальное ещё более-менее доступно для того, чтобы повторить этот опыт.

На 2-м пункте я отлетел: мне честно было просто интересно насколько хитро это было реализовано, потому что где-то внутреннее я думал, что можно через Display P3 сделать белый побелее (лол). И где-то на просторах твиттера я увидел, что это HDR в 200 nit. Начиная с 26.2 слава богу поменьше. Чиселка в 200 nit опытным путём была вытащена из Blackmagic Design.

HDR в вебе доступен для видео. Я тогда думал засунуть кусок видео в 200 nit в квадрат и при нажатии им просвечивать. Но такие приколы не дружат с обычным opacity, да и перекрашивать это было бы непросто. Потому я всю эту идею отверг.

Сам HDR в вебе можно потыкать вот тут: https://dt.in.th/HDRQRCode