I'm completely new to animating SVGs with CSS (from what I've been reading, JS might also be needed to get the total path length) and need to achieve the following effect: http://gph.is/2iZZ3Hw

&l...

• Determine the length of objects using JS
• Command for drawing animation of objects
• The animation of drawing a triangle will begin when the animation of drawing of a trapezoid
• Animation fill color trapezium will begin when the animation is finished drawing a circle
• An animation of the color filling of the triangle will begin when the fill animation of the trapezium ends