Перламутровый текст
gradients.design Хромовый текст →

Появление текста

Перламутровый текст

Пастельные цвета бесконечно перетекают по буквам без шва.

Просто смотрите.

ПЕРЕЛИВЫ

Код
<h1 class="iridescent">ЗАГОЛОВОК</h1>

<style>
.iridescent {
  background: linear-gradient(100deg,
    #ff9a9e, #fad0c4, #a1c4fd, #c2e9fb,
    #d4fc79, #fbc2eb, #ff9a9e);       /* последний = первый: шов невидим */
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: flow 7s linear infinite;
}
@keyframes flow { to { background-position: 300% 0; } }
</style>
Промпт для ИИ
Сделай перламутровый текст: многоцветный пастельный градиент (6-7 стопов, последний цвет = первому для бесшовности) с background-size 300% 100%, background-clip:text + color:transparent; анимация background-position к 300% за 7s linear infinite — цвета бесконечно перетекают по буквам. Пастель важна: кислотные цвета убивают эффект.