JSFiddle - React, Tailwind, and code Playground

by gryzzly

HTML

<div id="canvas"></div>

JavaScript

var paper = Raphael("canvas", 300, 500),
    circle = paper.circle(10, 10, 10);
    
circle.attr({fill: "#000", stroke: "#f00", opacity: 0.5});

circle.click(function (event) {
    this.stop().animate({
        "50%", { fill: "#fff" },
        "100%", { fill: "#eee" }
    }, 1000);
});