Lustre text для Тильды

<style>
.lustre-text {
  display: inline-block;
  font-weight: bold;
  color: transparent;
  
  /* Градиент для эффекта блика */
  background: linear-gradient(
    110deg,                        /* Угол градиента (90deg-120deg для естественности) */
    #000000 0%,                    /* Начальный цвет (цвет основного текста) */
    #000000 20%,                   /* Расширение основного цвета */
    #333333 35%,                   /* Переходный темно-серый */
    rgba(255, 255, 255, 0.8) 45%,  /* Начало блика (полупрозрачный белый) */
    rgba(255, 255, 255, 1) 50%,    /* Центр блика (яркий белый) */
    rgba(255, 255, 255, 0.8) 55%,  /* Конец блика (полупрозрачный белый) */
    #333333 65%,                   /* Переходный темно-серый */
    #000000 80%,                   /* Основной цвет текста */
    #000000 100%                   /* Конечный цвет (должен совпадать с начальным) */
  );
  
  background-size: 300% 100%;
  
  /* Применение градиента к тексту */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* Настройки анимации */
  animation: lustre-shine 15s linear infinite;
  animation-duration: 7s !important;  /* Скорость: 3s-20s (меньше = быстрее) */
}

@keyframes lustre-shine {
  0% {
    background-position-x: 200%;   /* Начинаем слева. Поменяй на -100%, если надо начать справа */
  }
  100% {
    background-position-x: -100%;  /* Заканчиваем справа. Поменяй на 200%, если надо закончить слева  */
  }
}
</style>