JSFiddle - React, Tailwind, and code Playground

by Dennis Betman

HTML

<svg height="210" width="400">
 <path 
        d="        M 100, 100
        m -75, 0
        a 75,75 0 1,0 150,0
        a 75,75 0 1,0 -150,0
        "
  />
</svg>

<button>
Klik mij om te veranderen
</button>

CSS

path{
  fill:none;
  transition: all 5.3s ease;
  stroke:red;
}

JavaScript

var d1 = 150,
		d2 = 75;

$("button").click(function(){
		$("path").attr('d', "M 100, 100 m -75, 0 a 75,75 0 1,0 250,0 a 10,20 0 1,0 -60,-90");
});