Эффекты на Tilda: анимации, маски, тени и визуальные фишки

Решение Эффект обводки текста реализуется через свойства -webkit-text-stroke и text-stroke. Решение адаптировано под работу в Zero Block стили применяются к текстовому элементу с классом .sd-outline. В основе — предоставленный код: он задаёт обводку толщиной 1 px и цветом #ED1F7E. Зачем это нужно и где применять Логика работы Полностью код, пошаговая инструкция и пример...

Готовое решение — это CSS‑переменная --shadow и класс .shadowpic, который применяет filter: drop-shadow(...) к картинке. В отличие от box-shadow, drop-shadow учитывает реальную форму изображения (включая прозрачные участки PNG), поэтому тень ложится ровно по контуру объекта. Это идеально для иконок, вырезов, стикеров, кастомных элементов в Zero Block и карточек товаров...

Готовый CSS‑код, который делает отдельные блоки «прилипающими» при прокрутке, и при этом не ломает отображение на мобильных и не конфликтует с анимациями Tilda. Решение построено на position: sticky + точечные исправления рендеринга через transform и overflow на контейнере #allrecords. Полностью код и пошаговая инструкция Если хочешь...