How to implement a shadow like a harb logo in CSS?

Question

css

logo
Is it possible to make such a shadow on CSS ?, now I have done 100 shadows I generate like this

var i="text-shadow: ";
 for(var c=50;c;c-=1){
  		i+=c+"px "+c/1.2+"px #8BAAB5,";
  		i+=c/1.2+"px "+c+"px #8BAAB5,";
  	}


 $("<style>")
    .prop("type", "text/css")
    .html("\
    .shadow-long{"+i+"}")
    .appendTo("head");

Answer 1

I usually use the long shadow generator

Answer 2

For example, do not generate each time in JavaScript, but generate 1 time and push it into a .css file and that's it.