Есть градиент 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)

Вопрос: как в случае с наличием процентов сделать эту процедуру?

может кодепен? я б поковырялся

ща сфарганю

https://codepen.io/7iomka/pen/ExNEVQV?editors=1100 Задача сделать работу кнопки btn--fix такой же как и primary то чтоб при наведении градиент инвертировался Для этого нужно "подрихтовать" значения процентов и создать зеркальные показатели вопрос - как это сделать)

Андрей

ну так скинь ссылку на рабочий вариант поглядим)

https://codepen.io/Theandrej/pen/RwoMWzM?editors=1100

https://codepen.io/7iomka/pen/XWNEXjp?editors=1100 без процентов цвета не те убрать проценты и я б мог)

тебе просто нужно отзеркалить их, тоесть подели проценты на 2 и сделай как нада

покажи пример) в этом и есть вопрос) я хочу увидеть как ты это сделаешь и какие величины процентов пропишешь

покажешь что-нибудь? или не ждать?)

немого лень

Андрей

методом эксприментов я пришел к выводу что нужно делать нечто такое (ответ как раз ожидал в таком виде, а не "сам догадаешься что делать")) Например, имеем градиент 90deg, #fee500 3.65%, #65b911 51.26%, #71ff4e 98.64% граница - 50% 1) показатели процентов делим на 2 получаем 90deg, #fee500 1.83%, #65b911 25.63%, #71ff4e 49.32% 2) Поочередно от 50% отнимаем крайний процент и к полученному результату прибавляем 50 получаем следующие 3 зеркальных показателя #71ff4e 50.68%, #65b911 74.37%, #fee500 98.17% 3) Итоговый градиент 90deg, #fee500 1.83%, #65b911 25.63%, #71ff4e 49.32%, #71ff4e 50.68%, #65b911 74.37%, #fee500 98.17% В случае если крайний показатель в процентах упирается в 100% то дубликата серединного цвета не будет

очень простой вопрос, не вижу в чем проблема была(при том что ты понял как ее делать) выглядело что тебе просто лень его сделать, мог не правильно понять сорри:)

неужели при указании хэша цвета, он появляется в телеге?

ага, братец Дурова позаботился😃