TGViewer
Whistles and Papers Whistles and Papers @whistles_and_papers · 952 subscribers
Post #563 1.82K
Про то, как интересно реверс-инжинирить новые материалы Liquid Glass предстоит написать ещё отдельный пост.

(Как и поплакаться, что в браузерах и в этих ваших реактах, этого безумия увидеть не дадут).

Но фундаментальные технологии уже описаны, а значит ими нужно учиться пользоваться.

А пока: минутка восхищения пост. Подробная математика, описание физики работы стёкол, и даже их реализация на базе SVG-фильтров: https://kube.io/blog/liquid-glass-css-svg/

Иронично, что всё это в Safari пока не работает, и похоже, что в ближайшее время не будет.

1 · 2 · 3 · 4 · 5
kube.io Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io Explore how to recreate Apple's stunning Liquid Glass effect using CSS, SVG Displacement Maps, and refraction calculations.
  • 🔥 8
  • 🤯 2
More from @whistles_and_papers
  1. Jul 7, 2026Ставь ⭐️, если тоже хочешь покупать себе такие красивые коробки с предзаказом GTA VI в про…
  2. Jul 2, 2026Пока все вокруг сходят с ума от вернувшегося доступа к Fable, я продолжаю сходить с ума в…
  3. Dec 30, 2025Боже храни Cursor и ChatGPT, потому что благодаря им мне стало гораздо интереснее и понятн…
  4. Dec 30, 2025К слову, там энтузиасты раскопали конфигурацию самого Liquid Glass. Там под капотом ребята…
  5. Dec 30, 2025Мой ресерч не закончился на том, что я посмотрел на эффект преломления стекла, с интересом…
  6. Dec 30, 2025Пора себе признаться: я жутко скучаю по проектированию нативных аппов. Эта скука обусловле…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →