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

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

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

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

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

4 ответов

17 просмотров

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

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

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

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

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

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

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

а через ESC-код ?
Alexey Kulakov
29
30500 за редактор? )
Владимир
47
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
Ребят в СИ можно реализовать ООП?
Николай
33
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта