В очередной раз уперся в то, что не получается анимировать градиент. И все еще 100 и 1 гайд, что анимируйте через
background-position и тдНЕТ! Анимировать градиенты вполне можно и не сложно. Главное помнить 2 момента:
1) Вы должны зарегистрировать CSS custom property которую собираетесь анимировать
2) Вы должны указать ее отдельно в проперти
transionsition, да, all не распространяется на css custom propertiesТеперь учитываем оба фактора и ваши градиенты оживают. А чтобы лучше это прочувствовать откопал свою старую демку
Из забавного из ChatGPT / Grok / Claude никто не смог исправить код верно и утверждали: "так нельзя, градиенты не анимируются". Пришлось искать как я это делал.