CSS. Как сделать цвет шрифта из картинки "камуфляжный стиль" на темном фоне?

Question

Подскажите пожалуйста как сделать так-же, уже сутки в поисках ответа, (сам себе создал проблем!))) в поиске выдает только градиенты. (Не судите строго я самоучка))

Answer 1

Используйте CSS-свойство -webkit-background-clip со значением text :

@import url('https://fonts.googleapis.com/css2?family=Emblema+One&display=swap');

body { background: #010111; }

.clip {
  font: 18vw/90vh 'Emblema One', cursive;
  text-align: center;
  background: 0 0 / cover url('https://i.stack.imgur.com/HzhCf.png');
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 0 2px yellow);
}

.clip::before, .clip::after { content: '\2606'; text-shadow: 0 0 2px red; }

<div class="clip">ARMOR</div>

БЛОГ НА HUSL

CSS. Как сделать цвет шрифта из картинки "камуфляжный стиль" на темном фоне?

Ответы (1 шт):