Gradient animated text

Let's add some flair to our headings with a simple CSS snippet.
This code allows you to create bright, dynamic text with a smooth gradient color change. It is perfect for headlines and important accents on a web page, attracting the attention of users.

How to install:

Copy the code and upload it to the HEAD of the site.
Add class wl-anititle to your elements
Enjoy!

<style>
/* Градієнтний анімований текст */
/* Додає ефектності заголовкам, акцентам або логотипам на вебсторінці */
/* https:/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: colorwave 5s ease-in-out infinite;
}

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