АА
Есть градиент
linear-gradient(-90deg, #FEE500 3.65%, #FEE500 3.66%, #65B911 51.26%, #71FF4E 98.64%)
Задача сделать анимацию на инверсирование при наведении
есть возможность это сделать нативно в css через анимацию свойства background-size + background-position
У нас горизонтальный градиент
Устанавливаем
background-size: 200% 100%;
Градиент растягивается на все 200%
и мы вместо всей части видим только половину
Для того чтоб видить всё мы должны составить градиент так чтоб его цвета и процентаж были "зеркальными"
Пример с простым градиентом без процентов
linear-gradient(90deg, red, blue)
становится
linear-gradient(90deg, red, blue, red)
Вопрос: как в случае с наличием процентов сделать эту процедуру?
linear-gradient(-90deg, #FEE500 3.65%, #FEE500 3.66%, #65B911 51.26%, #71FF4E 98.64%)
Задача сделать анимацию на инверсирование при наведении
есть возможность это сделать нативно в css через анимацию свойства background-size + background-position
У нас горизонтальный градиент
Устанавливаем
background-size: 200% 100%;
Градиент растягивается на все 200%
и мы вместо всей части видим только половину
Для того чтоб видить всё мы должны составить градиент так чтоб его цвета и процентаж были "зеркальными"
Пример с простым градиентом без процентов
linear-gradient(90deg, red, blue)
становится
linear-gradient(90deg, red, blue, red)
Вопрос: как в случае с наличием процентов сделать эту процедуру?
может кодепен? я б поковырялся
