Как сделать в css 3d stereoscopic тексте?

Question

[newfolder_js]

если кто не понял это такой эффект. я написал примерно код что как должна была но фон для текста не работает если ошибся покажите плиз.

<span class="text_shadow">
      <h1 class="text">Ascension</h1>
    </span>

.text {
    position: absolute;
    font-family: 'Poppins', sans-serif;
    color:  #fff;
    font-size: 59px;
    left: 50px;
    
}
.text_shadow {
    background-color: rgba(254, 1, 1, 0.298039) 3px 3px 0px;
    transform: rotateX(3px),rotateY(3px),rotateX(0) ;
    color: rgba(10, 189, 240, 0.298039) -3px -3px 0px;
    transform: rotateX(-3px),rotateY(-3px),rotateX(0) ;    
}

Comments

[Максим]

здесь наверно без фотошопа не обойтись ...или как минимум svg - то есть надо два или три слоя ...это если на css а если webgl то надо хорошо знающего glsl спеца