CSS: Text-Shadow багги?

Question

У меня проблема с веб-программированием, когда я совмещаю текстовую тень с текстовым штрихом. Теневая версия того же текста обрезается по сторонам, и это не то, что я ожидаю от этого. Кто-нибудь знает, как избежать этой проблемы, продолжая использовать как тень, так и удар по этим ставкам?

Я действительно могу видеть, что из Safari он не показывает те же эффекты. Кто-нибудь знает о хорошей замене удара?

Вот код того, что я использую.

p { 
 
    margin: 80px; 
 
    color: green; 
 
    text-shadow: 90px 0px red; 
 
    -webkit-text-stroke-width: 10px; 
 
    font-size: 3em; 
 
}

<p>V</p> 
 
<p>O</p>

Answer 1

Просто продолжайте добавлять к этой логике. Не уверен, есть ли макс. Извините, что отказался от вас раньше.

text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 4px 4px 0 #000;