Работаю 2 года JS разработчиком, пишу в основном на TypeScript. Умею в html5 и css3 в плане верстки, верстал довольно много в начале. На тех проектах что я верстал, анимации были простые, т.е transition: all 0.3s ease; - хватало в 90% случаев и я как-то не парился по этому поводу. Но вот сегодня открыл codepen, посмотрел на различного рода работы с анимацией svg, html элементов и меня это дико заинтересовало. Кто имел дело со сложными анимациями на странице, или просто умеет во все эти штуки, подскажите ресурсы, библиотеки на которые стоит тратить время и вообще откуда начать копать ?
P.S С svg работал на уровне вставки в документ и все)
Рекомендую https://cssanimation.rocks/ много интересных примеров и обучающих материалов по анимациям.
Ну и как писали выше надо попробовать реализовать свою идею. Я впервые более-менее понял как работать с анимациями когда сделал анимированную модель солнечной системы на чистом css.