[Animating SVG polygon]

The solution: do not use polygon as clipping-path. Just use a <path>. 

[Animating SVG polygon]

I've created a 3D bar in illustrator (see codepen). Now I want to animate it with TweenMax (or TimelineMax) as if it's building up from the bottom to the top. 

 

I tried a couple of things to make this happen, but without any luck.

 

- Created a clipping-path and then try to change the Y coordinate of the 3 polygons (or wrapped them in a <g id="bars"></g>)

- Tried to animate the points of the polygon (http://greensock.com/forums/topic/8565-animating-svg-polygon-points-using-attrplugin/)

 

I hope someone can help me with this.

 

 

This is the end result what I need to create > http://postimg.org/image/pg2drnvch/

See the Pen rOPPgP by boldcolin (@boldcolin) on CodePen