🔥 Долгожданное пополнение библиотеки

Открыл доступ к 6 новым модификациям для Zero-блоков. Среди них — тот самый продвинутый слайдер, гравитация и другие полезные моды и эффекты. Рассказываю, что нового:

➕ Продвинутый слайдер в Zero‑блоке
Слайдер, для которого почти нет технических ограничений. И пример, как аккуратно вписать swiper.js в Тильду. Поддерживает большое количество настроек, бесконечный скролл, трансформации, эффекты и многое другое.

Самое приятное – точки пагинации. Достаточно сверстать их в Zero-блоке и задать первой точке стиль активного состояния. Никаких настроек в коде, всё в макете.
Если однажды поняли принцип, оторваться не сможете)

Модификация: Продвинутый слайдер в Zero‑блоке

➕ Гравитация объектов в Zero-блоке
Те самые падающие элементы с главного экрана, но с одним большим отличием. В моде добавить гравитацию можно любому элементу – шейпу, картинке, кнопке или даже тексту. Просто расположить их в нужном месте блока, задать им класс – и они начнут падение оттуда.

Также можно вписать все элементы в границы определенного шейпа. Тогда они будут «кувыркаться» внутри него. Тоже по классу)

Модификация: Гравитация объектов в Zero-блоке

➕ Копирование текста в Zero‑блоке
Мод, который однажды мне пригодился в генераторе кода. Но только теперь я расширил его и сделал несколько сценариев – копировать текст можно из кнопки, отдельного контейнера или любого другого элемента, отображать подсказку и задавать своё сообщение успеха.

Модификация: Копирование текста в Zero‑блоке

➕ Показ/скрытие блоков по клику
Тривиальная модификация кнопки «Показать больше» с нетривиальным исполнением. Позволяет разворачивать по клику как один блок, так и несколько, причем работает не только с Zero, но и со стандартными блоками.

Модификация: Показ/скрытие блоков по клику

➕ Анимация перемешивания текста
Ещё одна акцентная анимация для текста: хорошо работает в заголовках, коротких фразах, интро и местах, где хочется добавить динамику.

Модификация: Анимация перемешивания текста

➕ Эффект конфетти в Zero‑блоке
Позволит порадовать вас и ваших пользователей) В отличие от кнопок-конфетти, этот эффект работает внутри шейпа-контейнера, что добавляет больше погружения и делает эффект заметным. Можно настроить свои цвета, указав их в генераторе через запятую.

Модификация: Эффект конфетти в Zero‑блоке

Новые модификации уже доступны в библиотеке. И без обновления текущих модов тоже не обошлось. Напишу про них отдельное сообщение в комментариях 🦾

В общем, приятной работы! Делитесь своими впечатлениями)

Максим Постников | Дизайн, Тильда и модификации