Code Ready | Frontend

✅ Как сделать живой эффект для текста?



Чтобы привлечь внимания к особому тексту, нужно сделать к нему особый эффект, обычно для этого используется CSS свойство text-shadow, но с помощью него нельзя создавать живые эффекты. ⬇️



☑️ Это не простая задача, поэтому мы делимся уже готовым HTML & CSS кодом ниже для добавления видео внутрь текста:

<div class="title">

    <h1>simon</h1>

 </div> 

.title {

  color: #FFF;

  font-family: sans-serif;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}

h1 {

  font-size: 150px;

  font-weight: 800;

  text-transform: uppercase;

  background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);

  background-size: cover;

  color: transparent;

  -moz-background-clip: text;

  -webkit-background-clip: text;

} 

@code_ready | #обучение #html #css