169 похожих чатов

Доброго времени суток Есть ли у кого идеи как реализовать такую

кнопку?
Слева неактивное состояние, справа активное
Вне её должна быть тень по контуру (типо свечение), тень внутри должна анимироваться, при увеличении дисплея должна менять ширину, но не высоту

Думал наложить маску через css, но тогда никак не сделать бордер градиентом, тени и т.д.

Подставлял свг, на него писал фильтр внутренней тени
Но потом проблемы с анимированием этой тени
+ проблема в том, что когда мы задаем размеры для свг, то кнопка может увеличиваться только пропорционально

4 ответов

5 просмотров

svg можно выполнить в виде компонента и передавать туда параметры...

Можна тільки пошкодувати - скільки сили витрачається на пустощі :( Я розумію, що має бути красиво, але ж....

А взагалі розробка всяких кастомних важких кнопок - робота фронтенд розробника?

vladyslavhimself🦊🇺🇦
А взагалі розробка всяких кастомних важких кнопок ...

Я намагаюся, якщо тільки можливо, використовувати готові елементи інтерфейсу, з якоїсь ліби, або навіть теми. Як наприклад PrimeVue, хоча тут про неї писали, що вона не дуже гарна. Звісно не ми вирішуємо - що має бути на сайті, але, якщо маю можливість впливати на рішення - я прихильник мінімалізму і стараюся таке впровадити :) На мій погляд - це справа верстальника, якщо він окремий в команді. Якщо ні - то.... фронт.

Похожие вопросы

Обсуждают сегодня

я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
48
читать файл максимально быстро? странный вопрос))
zamtmn
53
How to create an OS in C? what to study?
Linus
18
Привет, кто может сделать юзербота с апи? Задачи: - создавать группы - создавать каналы - задавать для созданных каналов аватарку или эмоджи, имя группы - добавлять в группы...
Lencore
11
тоесть, указав return eax, сгенерируется никому ненужная инструкция mov eax,eax ?
Aiwan \ (•◡•) / _bot
24
Компания Elif ищет менеджера проектов, который будет заниматься поиском и ведением новых проектов. Прежде чем приступить к работе, вам нужно пройти наш недельный курс, где вы ...
Elif
2
@HemulGM Параметры у AddStream поменялись? Несостыковка какая-то
Катерина Свиридова
12
Подскажите, есть какие-то события создания/уничтожения у TFrame по типу TForm (OnCreate и OnClose/OnDestroy) ? Как отловить создание TFrame и "перед" уничтожением. На Tframe р...
Денис
8
а чем хуже?
Alexey Kulakov
10
Компания Elif ищет менеджера проектов, который будет заниматься поиском и ведением новых проектов. Прежде чем приступить к работе, вам нужно пройти наш недельный курс, где вы ...
Elif
1
Карта сайта