HTML5 SVG汉堡包菜单按钮分段动画特效 Animating an SVG Menu Icon with Segment

The main idea is to create three paths that describe the trajectory of each bar in the menu icon when it transforms into the cross.

menuicon

Scaled Version (based on this Dribbble rebound by Tamas Kojo)