Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Aleksandr
@Sashjkeee
f-e
CSS
Анимация
Как правильно зациклить данную анимацию?
Есть такая анимация
https://codepen.io/anon/pen/QroaMR
Вот как сделать, чтобы после 3 слайда опять шел 1 и тд, бесконечная анимация
Вопрос задан
более трёх лет назад
153 просмотра
2
комментария
Подписаться
1
Простой
2
комментария
Facebook
Вконтакте
Twitter
Даниил Сугоняев
@coolswood
Анимация рассчитана посекундно, зациклить ее не получится. Можно в принципе по счетчику js удалять и снова добавлять классы чтобы перезапустить
Написано
более трёх лет назад
Aleksandr
@Sashjkeee
Автор вопроса, куратор тега CSS
Даниил Сугоняев
, как-то жестко)
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Полина
@paulinekorkina
Верстальщик
Попробуйте в каждом keyframes оставить "место" под другие анимации. В вашем случае, конечно, придется дофига чего учесть, потому что анимация большая и сложная, но принцип такой:
https://jsfiddle.net/rs8rt81t/
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+4 ещё
Средний
Какие принципы нужно соблюдать при разработке фреймворков по типу Bootstrap/Tabler, UIKit и прочих?
1 подписчик
8 часов назад
85 просмотров
3
ответа
HTML
+1 ещё
Простой
Как сделать соединение точек на сайте линиями?
3 подписчика
15 апр.
179 просмотров
1
ответ
CSS
Простой
Как изменить цвета текста, который поверх картинки?
1 подписчик
15 апр.
85 просмотров
1
ответ
HTML
+1 ещё
Простой
Как для рассылки сделать аналог flex-direction + justify-content?
1 подписчик
15 апр.
72 просмотра
1
ответ
JavaScript
+4 ещё
Средний
Как переопределить rem для Shadow DOM?
1 подписчик
14 апр.
113 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему скаченный шрифт не подключается?
1 подписчик
14 апр.
135 просмотров
2
ответа
HTML
+1 ещё
Простой
Почему Pycharm не видит картинки?
1 подписчик
10 апр.
141 просмотр
1
ответ
CSS
+1 ещё
Средний
Почему не работает yuicompressor В PHP Storm?
нет подписчиков
09 апр.
329 просмотров
1
ответ
CSS
Простой
Как коректно получить бордер? Чтобы не делать его svg?
1 подписчик
08 апр.
170 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как правильно расположить блоки через grid-area?
1 подписчик
08 апр.
146 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Специалист технической поддержки
Teachbase
•
Красноярск
До 55 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама