Code Ready | Frontend

✅ Как сделать эффект исчезновение текста?



Используя эффект анимации исчезновение блестящего текста, вы можете легко привлечь внимание к сообщению, которое хотите донести. Точнее, белый свет проходит через темный текст и заставляет текст светиться на темном фоне. ⬇️



☑️ Он работает непрерывно, поэтому ваш текст и ваше сообщение будут привлекать людей. Давайте прямо сейчас воспользуемся эффектами блестящей текстовой анимации и создадим потрясающий веб-сайт! ⤵️

body {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  background-color: #000;

}



h1 {

  font-family: sans-serif;

  text-transform: uppercase;

  background: linear-gradient(90deg, #ffffff, #fff, #ffffff);

  background-repeat: no-repeat;

  background-size: 80%;

  animation: animate 3s linear infinite;

  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(255, 255, 255, 0);

}



@keyframes animate {

  0% {

    background-position: -500%;

  }

  100% {

    background-position: 500%;

  }

}

#обучение #css