Браузеры плохо умеют анимировать градиенты. Поэтому приходится либо менять CSS-переменные, встроенные в градиентные функции, либо менять параметры фона. Мы будем менять параметры фона, а именно — размер.

Градиент должен пульсировать из угла, поэтому сначала нужно установить правильную позицию фона. Затем изменить размер фона, чтобы увидеть, как будет работать анимация.

Подберите значения value1 и value2 для расположения и размера фона заголовка.

Подходящие значения для расположение фона:

top left
bottom left
center left
top right
bottom right

Подходящие значения для размера фона:

100% 100%
100% 300%
200% 200%
200% 100%
300% 300%