It seems pretty straight forward, and with JS it can be made to only to have to animate the last attached object. Before going any further though, is there already something out there for CSS armature animation?
Thank you! I did some more practicing on the process of adding branches of armature,learning the nuances of placement, and using in-line CSS. I even started practicing hexa colors, which I had wanting to do for some time. http://kvapster.com/armature-guy2.html
The next step is making controlled movements like running.
You may consider looking into using CSS Variables to control your Keyframes, Transforms, and other relative properties dynamically. Either via a few strategic CSS hovers or with simple Javascript. With Javascript you can get and set the CSS Variables and hook them to the mouse etc., you could then create simple logic. By doing so you could make things more interactive based upon actual user input while still keeping it relative to CSS mostly.
Finally got some time in to try making a runner! I don’t get much time during the week.
But it definitely works well. http://kvapster.com/armature-guyrun.html