**Рефракція фонових зображень у CSS без використання фіксованого положення**

Для ефекту "рідкого скла" можна відмовитися від background-attachment: fixed і замість цього використовувати view(x) та view(y) для фонового зображення елемента всередині контейнера з overflow: hidden. Фон картки успадковує фон контейнера та анімується за допомогою background-position залежно від видимості всередині контейнера, а потім можна додати зміщення, розмиття, тіні та спотворення для посилення ефекту рефракції.

Link: [https://blog.master.dev/background-image-refraction-in-css/](https://blog.master.dev/background-image-refraction-in-css/)

За цей корисний ресурс дякуємо спільноті
[DevLovers](https://www.linkedin.com/company/devlovers/posts?lipi=urn%3Ali%3Apage%3Ad_flagship3_detail_base%3BXkqpJwYnTT6KErVATSiNrg%3D%3D)

[#корисно](?q=%23%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D0%BD%D0%BE) [#розвиток](?q=%23%D1%80%D0%BE%D0%B7%D0%B2%D0%B8%D1%82%D0%BE%D0%BA) [#tech](?q=%23tech)

**[Всі наші платформи](https://linktr.ee/juniverse_ua)** | **[Масонська ложа](https://t.me/+lUs6TYXFy0UxNjAy)** |[Вакансії](https://t.me/+1nmach7hIiQ1MDMy)**|**
**[Кар'єрне консультування](https://t.me/Job_IT_Junior/10434)