Градієнтний анімований текст

Додаємо ефектності нашим заголовкам за допомогою простого CSS сніпету.
Цей код дозволяє створити яскравий, динамічний текст із плавним градієнтною зміною кольорів. Він чудово підходить для заголовків та важливих акцентів на вебсторінці, привертаючи увагу користувачів.

Amazing gradient title

Як встановити:

Скопіюйте код, та завантажте в HEAD сайту.
Додайте клас wl-anititle вашим елементам
Enjoy!

<style>
/* Градієнтний анімований текст */
/* Додає ефектності заголовкам, акцентам або логотипам на вебсторінці */
/* https://webliumhub.com/effects/gradient-animated-text */

.wl-anititle .w-text-content {
  background: linear-gradient(45deg, #833ab4, #fd1d1d, #fcb045);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textflow 5s ease-in-out infinite;
}

@keyframes textflow {
  0% {background-position: 0% center}
  50% {background-position: 100% center}
  100% {background-position: 0% center}
}
</style>