SVG Shape Morphing

Triangle
// Define shape paths
const shapes = {
  triangle: "M100,20 L180,180 L20,180 Z",
  circle: "M100,20 C155,20...",
  square: "M30,30 L170,30..."
};

// Morph to new shape
gsap.to('.morph-shape', {
  attr: { d: shapes.circle },
  duration: 1,
  ease: 'power2.inOut'
});