<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.