<svg height="250" width="300">
  <!-- <path d="M150 10 L40 200 L260 200Z" /> -->
  <path />
</svg>
path {
  d: path("M150, 10 L40, 200 L260, 200 L260, 200Z");
  fill: #4c6edb;
  transition: all 0.35s ease;
}

path:active {
  d: path("M220, 10 L40, 10 L40, 220 L220, 220Z");
  fill: #6e40aa;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.