top of page arrow
Loading Text Animation

Using the css animation-delay property and some color changes on each individual letter yields the illusion of movement in otherwise static text.


Loading...meanwhile, go make a sandwich!

The javascript to make the loader work.
Place this script (or a link to an external copy) at the bottom of your html page before the closing body tag.


$(window).on("load", function() {
    setTimeout(function(){
        $('.ball-loader').fadeOut();
    }, 1000);
});
02/23/2024