JSFiddle - React, Tailwind, and code Playground

HTML

<div id="client_area"></div>

JavaScript

var run = function() {
    var fillerText = {
        "fill": "#00738f",
        "font-size": 20,
        "font-family": "Arial, Helvetica, sans-serif"
    }
    var fillerTextHover = {
        "fill": "#00738f",
        "font-size": 25,
        "font-family": "Arial, Helvetica, sans-serif",
        "cursor": "pointer"
    }

    var r = new Raphael('client_area', 400, 400);
    var text = r.text(100, 100, "test").attr(fillerText);

    text.hover(function() {
        text.animate({transform: "s1.5 1.5 "}, 400);
    }, function() {
        text.animate({transform: "s1.0 1.0 "}, 400);
    });
}
run();