кнопку?
Слева неактивное состояние, справа активное
Вне её должна быть тень по контуру (типо свечение), тень внутри должна анимироваться, при увеличении дисплея должна менять ширину, но не высоту
Думал наложить маску через css, но тогда никак не сделать бордер градиентом, тени и т.д.
Подставлял свг, на него писал фильтр внутренней тени
Но потом проблемы с анимированием этой тени
+ проблема в том, что когда мы задаем размеры для свг, то кнопка может увеличиваться только пропорционально
svg можно выполнить в виде компонента и передавать туда параметры...
Можна тільки пошкодувати - скільки сили витрачається на пустощі :( Я розумію, що має бути красиво, але ж....
А взагалі розробка всяких кастомних важких кнопок - робота фронтенд розробника?
Я намагаюся, якщо тільки можливо, використовувати готові елементи інтерфейсу, з якоїсь ліби, або навіть теми. Як наприклад PrimeVue, хоча тут про неї писали, що вона не дуже гарна. Звісно не ми вирішуємо - що має бути на сайті, але, якщо маю можливість впливати на рішення - я прихильник мінімалізму і стараюся таке впровадити :) На мій погляд - це справа верстальника, якщо він окремий в команді. Якщо ні - то.... фронт.
Обсуждают сегодня