Играюсь с CSS, делаю простую анимацию загрузки по увиденной в интернете картинке. Как зациклить набор анимаций ? Ключевое слово infinite зацикливает только одну из них.
Ankhena, окей записал в один кейфрейм. Теперь другая проблема, они все двигаются одновременно. Не пойму как задать индивидуально задержку в нужном порядке ?
здесь каждый кубик двигается по одному шагу, и когда шаги заканчиваются - кубик останавливается. Если бы анимация одного кубика включала в себя весь путь, который проходит кубик, то его можно было бы обновить с помощью infinite. То есть необходимо прописать индивидуальные пути для каждого из 7 кубиков и будет счастье.
Irkov, уже решил именно так. Одна анимация на всех + задержка на длительность хода. Регулируя длительность остановок можно получить две полноценных анимации, и еще одну ущербную анимацию сворачивания в один квадрат.
Простой
