Множество

Количество
▼

Fill — столько карточек, сколько помещается на кривой с заданным промежутком. При числе карточки делят кривую поровну, промежуток не нужен.

Промежуток
Обтекаемость по траектории кривой

Карточка

Размер
Радиус скругления
Угол поворота
Простая деформация
Изгиб
Эластичность
Twist

Галерея

Форма кривой
▼
Радиус кривой

У своей линии — её размах от центра: меняете число, линия растягивается или сжимается целиком.

Высота волны
Угол поворота
Простая деформация

Деформирует всю замкнутую кривую вместе с карточками.

Туман
%
Высота блока
px

В коде вставки блок занимает всю высоту контейнера (100 %) — например, элемента в Zero Block. Это число — запасная высота: она сработает, если у контейнера своей высоты нет (обычный блок T123).

Наклон камеры
°
Приближение
%
Сдвиг галереи

Положение галереи внутри блока, в % от его ширины и высоты: можно увести её вбок, чтобы рядом встал текст. Отрицательные значения — влево и вниз. В редакторе видно в режиме «Как на сайте».

Цвет фона

В этот же цвет уходит туман.

Прозрачный фон

Без картинок карточки серые. Картинки идут по кругу, если их меньше, чем карточек.

По ссылке — картинки .jpg, .png, .webp и видео .mp4, .webm. Нужна прямая ссылка на файл, отдаваемый с разрешением CORS (например, из облачного хранилища или CDN); ссылки на страницы YouTube/VK не подойдут. Видео играет без звука по кругу. Стрелка справа загружает картинку с компьютера.

Взаимодействие

Пролистывание
Наведение на карточку
Клик по карточке
▼

«В центр экрана» — картинка плавно вылетает из галереи в центр, под ней — название и кнопка. «По ссылке» — переход по клику: сразу открывается ссылка, заданная у картинки.

Размер в центре
% экрана
Длительность
сек

Кнопка

Текст кнопки

По умолчанию — у картинки можно задать свой.

Шрифт
▼
Размер
px
Трекинг
em
Цвет текста
Цвет фона
Скругление
px

Анимация

Зацикленность бегущей строки
Длительность круга
сек
В обратную сторону
При появлении
Длительность
сек
Непрозрачность
%
Размер
%
Угол поворота
По скроллу
Преобразование в другую фигуру

Карточки перелетают со своих мест на места второй фигуры и обратно. Вид второй фигуры — вверху панели: «Показывать и настраивать» → «Вторую фигуру». Второй может быть и бесконечная галерея: фигура разлетается в туннель, а камера влетает внутрь.

Открыть код по подписке