Как создать модный текст в HTML только с помощью CSS

Question

Можно ли создать необычный текст в HTML только с помощью CSS? Я помещаю ссылку, где вы можете увидеть лучший пример fancy text. https://www.ultimatebeaver.com/modules/fancy-text/

Answer 1

Это один аккуратный стиль CSS, который заставляет фоновое изображение показываться через буквы на странице.Вы можете просто поместить любой фон в класс .knockout в css, заданный в fiddle, а также установить другой шрифт и стиль, как требуется.Смотри скрипку

.knockout {
  background: url(https://media.istockphoto.com/photos/christmas-lights-defocused-background-bokeh-gold-blue-picture-id613518332?k=6&m=613518332&s=612x612&w=0&h=Own5MdgJXjNhFd0YUyED1UP3mQsHeNhfML9F-DQYdYw=) -80px -80px;
  color: red;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: bold;
  font-size: 100px;
  font-family: arial, helvetica;
  width: 600px;
  margin: 50px auto;
  text-align: center;
}

body{
  background: #444;
}

 <div class="knockout"><a href="http://mksht.crisnoble.com" rel="Like cool shit? visit my site">gaurav</a></div>