📱 Эффект стекла «как у Apple» (ну почти 😅)
После нашумевшей презентации нового дизайна интерфейса iOS 26 все захотели себе такое же жидкое стекло (Liquid Glass) как у Apple.
Такой эффект 1 в 1 на сайте можно воплотить с помощью скриптов, но их пока мне не удалось адаптировать для Тильды. Зато я смогла написать CSS для похожего эффекта – стекло, пусть и обычное, не «жидкое», но напоминает новый интерфейс iOS.
В моем примере вы найдете два варианта кода: первый более изящный и лучше подходит для темных фонов, второй более объемный и лучше смотрится на светлом.
Демо презентация находится
по ссылке здесь, а коды можете забрать из текстовых файлов в комментариях (они слишком длинные для публикации в посте).
Инструкция к модификации:
🔸 Добавьте в зеро блок шейп любого цвета и формы, все настройки задаются в коде, в Тильде можете ничего не настраивать
🔸 Присвойте шейпу класс glass_block для первого кода или glass_elem для второго варианта кода.
🔸 Разместите код в блоке Т123. При необходимости вы можете изменить в коде те параметры, которые я отметила комментариями. Обратите внимание, что если параметр повторяется несколько раз, то у него везде должно стоять одинаковое значение.
P.S. Как только у меня получится применить продвинутый эффект жидкого стекла на Тильде, я тут же с радостью им поделюсь. А если у вас есть свои варианты подобных эффектов – расскажите о них в комментариях ☺️
#модификации #тильда
