JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<a href="#">Test</a>

CSS

a {
    text-decoration: none;
    color: black;
}

JavaScript

function anim(element, inColor, outColor, time) {
    element.hover(function () {
        $(this).animate({
            color: inColor,
        }, time);
    }, function () {
        $(this).animate({
            color: outColor,
        }, time);
    });
}

anim($("a"), "#000", "#fff", 250);