Как анимировать в CSS ГРАДИЕНТЫ за 5 минут [ссылка на пример из видео в описании ]

В этом ролике подробно разберем как анимировать градиент любого типа с помощью CSS. Линеарный, радиальный, конический, без труда анимируются все градиенты. Есть правда одна оговорка. Это будет работать в современных браузерах и последних моделях различных устройств. Но скорее всего, ситуация быстро изменится в лучшую сторону с точки зрения поддержки браузерами этой возможности. ============================== Ссылка на пример из видео: https://codepen.io/inteltone/pen/zYgNqmN ============================== Как анимировать градиент любого типа: 1. С помощью правила @property создаем CSS-переменную с нужным типом 2. Задаем ей начальное значение. 3. Меняем это значение на необходимое при изменении состояния элемента, как, например, при ховере. Тоже самое нужно делать при создании более сложных анимаций с помощью CSS-правила @keyframes. Разницы никакой нет. Вот и всё что нужно знать, чтобы анимировать градиент любого типа. ========================================= 🏆 ПРЕДЛАГАЮ УСЛУГИ ::: ✅ профессиональная адаптивная кроссбраузерная верстка веб-сайтов (HTML5, CSS3, Flexbox, Grid, Vue 3, Nuxt 3, Vite, Gulp) ✅ анимирование элементов на страницах веб-сайта (GSAP, Adobe Animate) ✅ фронтенд программирование на Javascript ✅ посадка верстки на CMS WordPress ========================================== ⚽ ИНДИВИДУАЛЬНО ОБУЧАЮ ОНЛАЙН ::: ✅ кроссбраузерной адаптивной верстке ✅ работе с JS-библиотекой GSAP (веб-анимация) ✅ работе в программе Adobe Animate Связаться со мной можно по email, который указан на Главной странице этого канала. Перейти можно по ссылке ниже: https://www.youtube.com/channel/@inteltone 💌 СОЦИАЛЬНЫЕ СЕТИ ::: ТЕЛЕГРАМ: @inteltone https://vk.com/pro_front_end