@newfolder_js

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

если кто не понял это такой эффект. я написал примерно код что как должна была но фон для текста не работает если ошибся покажите плиз.
<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) ;    
}

eHjro1Y.png
  • Вопрос задан
  • 35 просмотров
Пригласить эксперта
Ответы на вопрос 1
RAX7
@RAX7
.text_shadow {
  text-shadow:
    3px 3px 0px rgba(254, 1, 1, 0.298039),
    -3px -3px 0px rgba(10, 189, 240, 0.298039);
}

Всё остальное из .text_shadow нужно убрать
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы