Веб-разработка: анимации (css, js, библиотеки)
Анимация по кривой раньше требовала JavaScript: getPointAtLength(), requestAnimationFrame, ручной пересчёт координат
Десятки строк кода. offset-path решает задачу средствами CSS. Задаёте путь через path(), запускаете offset-distance от 0% до 100% — элемент движется по кривой, окружности или произвольной траектории. Как управлять поворотом? Для этого есть offset-rotate...
JavaScript. RequestAnimationFrame
В этому уроке поговорим о javascript функции requestAnimationFrame. Эта функция используется при создании анимаций на странице. Традиционно анимацию реализовывали при помощи метода setInterval. Это понятно исходя из принципа анимации — повторяющееся (или изменяющееся) через определенный промежуток времени действие...