# Фон текста градиент с анимацией

## Код

```css
background-image: linear-gradient(
         45deg,
         rgba(0, 28, 39, 1) 0%,
         rgba(10, 143, 196, 1) 54%,
         rgba(150, 205, 255, 1) 77%,
         rgba(10, 143, 196, 1) 100%
      );
      background-image: linear-gradient(45deg, rgba(0, 28, 39, 1) 10%, rgba(10, 143, 196, 1) 90%);
      background-size: 300%;
      background-position: left;
      background-clip: text;
      color: transparent;
      animation: bg-animation 3s infinite alternate;
 
@keyframes bg-animation {
   0% {
      background-position: left;
   }
   100% {
      background-position: right;
   }
}
```

{% embed url="https://codepen.io/ccpwldlu-the-selector/pen/dyEbpae?editors=1100" %}
