JSFiddle - React, Tailwind, and code Playground

JavaScript

var r = Raphael(10, 10, 320, 240);
var circle = r.circle(100, 80, 20);

circle.attr({
    fill: 'red',
    opacity: 0.25,
    'stroke-width': 2
});

// zoom in on it, make it more opaque and change the colors:
circle.hover(

function() {
    circle.animate({
        fill: 'yellow',
        opacity: 1,
        r: 40,
        'stroke-width': 4
    }, 300);
}, function() {
    circle.animate({
        fill: 'red',
        opacity: 0.25,
        'stroke-width': 2,
        r: 20
    }, 300);

});