JSFiddle - React, Tailwind, and code Playground

HTML

<div class="list">stringstringstringstring</div>
<div class="list">stringstringstring</div>
<div class="list">stringstringstringstring</div>

CSS

.list {
    width: 100px;
    overflow: hidden;
    white-space:nowrap;
    height: 15px;
    background-color: red;
    margin: 10px;
}

JavaScript

$(function() {
    for (var i = 0; i < $('.list').length; i++) {
        var this_el = $('.list').eq(i);
        var interval = null;
        
        $(this_el).hover(function() {
          var that = $(this);
          var this_indent = 0;
            
          interval = $(this).setInterval(function(){
            this_indent--;
            $(that).css('text-indent', this_indent);
          },20);
            
            
        }, function() {
            $(this).clearInterval(interval);
        });
    }

});