Нашел хороший пример анимации на чистом CSS
Но у третьего колеса дергается балка. Перепробовал все что мог, но не получается сделать движение балки у колеса плавным. Кто из опытных дизайнеров знает как исправить на примере?
Вот оригинал https://codepen.io/kh-mamun/pen/qQZaVM
А какое движение в целом вы себе там представляете? В таких анимациях можно сильно упростить себе жизнь, если подумать над физической правильностью движений до того, как писать код. Вы сейчас пытаетесь сделать невозможный паровоз. Для того, чтобы эта конструкция ехала, маленькие колеса должны крутиться быстрее, чем большие. И одной балкой постоянной длины их так просто не соединить. У настоящих паровозов с разного диаметра колесами вообще нет полного привода.
Средний
