Бегущая строка в Зеро блоках очень часто используется для карусели логотипов. На самом деле делать ее очень даже легко. Сейчас пошагово объясню.

1) Создаем рекланглы/логотипы/картинки/текст. Пусть он выходит немного за экран. Я поставила черный прямоугольник, чтобы дальше было легче ориентироваться.

2) Копируем их. Если ваших объектов так же мало, как и у меня, то скопируйте лучше 2 раза. Сделайте так, чтобы расстояние и выравнивание между всеми вашими объектами были одинаковыми! Это важно!

3) Выделяем все объекты и открываем анимацию. Ставим элементом на экране, и зацикливаем (loop). Длительность ставьте +-30 (ну там сами решайте как лучше, в моем случае это 30)

4) Самый важный шаг. Ваши объекты все так же остались выделены. Нажимая на шифт и левую стрелочку на клавиатуре сдвигайте все объекты до тех пор, пока первый элемент из последнего копирования (у меня это фиолетовый прямоугольник после черного) не встанет на место самого первого прямоугольника. Т.е все ваши объекты сдвинулись влево и последнее копирование встало на место первых объектов. Все должно быть ровно до пикселя.

Все готово! Не забудьте проделать тоже самое и в мобильной версии, если вы уменьшали ваши объекты! Если они остались такими же как и в ПК версии, то там их можно не трогать.

Итог карусели в зеро блоке.

Можно поставить 2 ректангла цвета фона самым верхним слоем, чтобы карусель была не на всю ширину экрана

Итог карусели в зеро блоке с ректанглами.

Нужна помощь с разработкой сайта

Оставьте заявку и мы разберем ваш уже существующий сайт или создадим новый с 0.

Оставить заявку

Главный дизайнер

Диана

+7 999 721 21 50

Номер для связи

Соц. сети для связи