ВЕБ-ДИЗАЙНЕР, НЕ ДЕЛАЙ ТАК!!!
ПРОЗРАЧНАЯ КНОПКА СО СКРУГЛЕННЫМИ УГЛАМИ, ГРАДИЕНТНОЙ ОБВОДКОЙ И ПРОЗРАЧНЫМ ФОНОМ.
Все чаще встречаю подобные кнопки в проектах сайтов. Возможно это новый тренд, возможно "фишка" преподавателя одного из курсов по веб-дизайну, но суть в том, что реализовать такие кнопки на сайте невозможно.
Сейчас большинство дизайнеров работают в Figma, где параметр Stroke позволяет выполнять градиентную обводку. Дизайнеры редко считают нужным знакомиться с основами HTML/CSS, для понимания процессов разработки и предполагают, что раз Figma позволяет выполнить такую обводку, значит и CSS это реализует.
Действительно, в CSS есть параметры, позволяющий выполнить градиентную обводку, но в таком случае, не срабатывает свойство border-radius, отвечающее за скругление углов.
Возможно, кто-то возразит и скажет, что видел подобные кнопки на реализованных сайта, в таком случае прошу написать комментарий со ссылками на источник. Всегда будет либо кнопка без скругления углов, либо фон кнопки не будет содержать прозрачность.
Пишите в комментариях, применяете ли вы такие кнопки в своих макетах, знали ли о таких особенностях верстки и опровергайте мои размышления на этот счет, если у вас есть реальные доказательства моей неправоты, буду рад с ними ознакомиться.
