Разработка Анимация заголовков или определенных блоков

var win, container, stats;
//-
var testStats;
//-
$(document).ready(function($) {
    win = $(window);
    container = $('section');

    //- Stats
    if ( testStats && typeof Stats !== "undefined") {
        stats = new Stats();
        stats.domElement.style.position = "absolute";
        stats.domElement.style.top = "0px";
        document.body.appendChild(stats.domElement);
    }
    //-
    var splits = [];
    container.find('.special.split').each( function(){
        splits.push( new SplitFont( $(this), splits.length ) );
    });
    //-
    function animate() {
        if( testStats ){
            stats.begin();
        }
        //-
        requestAnimationFrame( animate );
        $.each(splits, function(_i, _split ){
            _split.render();
        });
        
        //-
        if( testStats ){
            stats.end();
        }
    }
    animate();
});


//- FONT -
var SplitFont = function( _element, _incr ){
    var t = this;
    t.el = _element;
    t.splitText = new SplitText( t.el, {type:"chars"});
    t.numChars = t.splitText.chars.length;
    //console.log(t.numChars);
    //
    t.chars = [];
    
    //- Animation
    t.iniWght   = 0;
    t.finWght   = 1000;
    t.wdth      = 0;
    t.increase  = (Math.PI * 2 / t.numChars );
    t.vel          = 0.1;
    
    //-
    t.radius = 190;
    //-
    for(var i = 0; i < t.numChars; i++){
        var char = $(t.splitText.chars[i]);
        var text = char.text();
        char.data('counter', (t.increase * i) + (_incr * 0.5)  );
        //-
        var deg = (360 * (i / t.numChars) - 90);
        var x = t.radius * Math.cos( deg * Math.PI / 180);
        var y = t.radius * Math.sin( deg * Math.PI / 180);
    }
 
      t.render = function(){
        for(var i = 0; i < t.numChars; i++){
            var char = $(t.splitText.chars[i]);
            var wght = t.iniWght + ( (t.finWght - t.iniWght) * (Math.sin( char.data('counter') ) / 2 + 0.5 ));
            char.css('font-variation-settings', '"yest" '+wght+', "gvty" 0' );
            char.data('counter', char.data('counter') - (t.increase * t.vel) );
        }
    };
};