JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<div><pre>afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadfafasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadfafasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadf
    afasdfsadf
afasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadf
afasdfsadfafasdfsadfafasdfsadf
afasdfsadfafasdfsadf
   ...

CSS

div {
    background-color: yellow;
}

JavaScript

(function animationLoop() {
    $('div').animate({
        letterSpacing: 2
    }, 1200, function() {
        $(this).animate({
            letterSpacing: null
        }, 1200, animationLoop);
    });
})();

$(window).scroll(function() {
    if ($(this).scrollTop() > 1000) {
        $('div').stop().animate({
            marginLeft: '10%'
        });
    } else {
        $('div').stop().animate({
            marginLeft: null
        });
    }
});