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