JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<span id="target">Glow Effect</span>

CSS

body{
    background:#232323;
    padding:50px;
    color:#fefefe;
    font-family:arial;
    font-size:48px;
}

JavaScript

var glow = glow || (function() {

    var unique = 'glow-selector-';

    function init(selector, speed) {
        var $sel = $(selector);
        var text = $sel.text().split('');
        $sel.text('');
        for (var i in text) {
            $sel.append('<span id="'+unique+i+'">'+text[i]+'</span>');
        }
    }

    return {
        init: init
    };

})();


glow.init('#target', 1000);