@jensen6720185

Чем через CSS можно сделать такой эффект?

Пример
5b5ee8332149a861949618.png

Суть в точной репродукции эффекта с изображения, уже все перепробовал но прям точно такое тиснение не выходит. через text-shadow вышло это

То что вышло
5b5ee98ec0105160985558.png

и конструкция такого рода

.text {
    text-shadow: 1px 0px 1px #c19f67, 0px -1px 1px rgba(0, 0, 0, 0.65), 0px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 1px rgba(255, 255, 255, 0.15), 1px 0px 2px rgba(224, 194, 79, 1), 1px 0px 0px rgb(224, 194, 79), 0px 1px 0px rgba(0, 0, 0, 0.65);
}
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
@VA_ic2b
Используйте для текста background-clip. Он обрезает все, что выходит за пределы текста:
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы