Как сделать фон внутри текста?

Question

[mozhno]

Можно ли как-то задать тексту фон такими полосками? В интернете ничего такого не нашёл

Answer 1

[Noder SS]

Здраствуйте, как-то так?

<h1 class="title">Text</h1>
<style>
.title{
    font-family: Arial;
   -webkit-text-fill-color: transparent;
    background: url(images.png);
    background-size: 8%;
    -webkit-background-clip: text;

}
</style>

Я сделал с помощью фотографии, не забудьте скачать ее.

Также есть вариант поискать такой шрифт на google fonts, чтобы не заморачиваться

Comments

[mozhno]

Спасибо, то что нужно! Правда обводку с помощью text-shadow не получится сделать, она затрагивает весь текст, но так даже лучше

Answer 2

[iBird Rose]

background-clip: text;
https://developer.mozilla.org/en-US/docs/Web/CSS/b...