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

Всем привет, у меня тут border:

2px solid transparent; умудряется справа и слева у кнопки делать вот такое странное наслаивание, что это такое? п.с вооще я хотел сделать что бы бордер появлялся, с box-sizing: border-box толку никакого без указания явного размера ширины и высоты блока. как можно сделать что бы бекграунд с градиентом нормально смотрелся и появлялась обводка, не меняющая размер блока?

17 ответов

10 просмотров

button { all:unset }

i-Голубев Автор вопроса

а в чем вопрос?

i-Голубев Автор вопроса
LZD
а в чем вопрос?

как сделать что бы бордер прозрачный не ломал визуал кнопки с градиентом-фоном

i Голубев
как сделать что бы бордер прозрачный не ломал визу...

ну добавь падинга 2 пикселя побокам мож поможет

ну тогда выложи на codepen.io/pen поразглядваем

i Голубев
как сделать что бы бордер прозрачный не ломал визу...

Может box-shadow со всех сторон вместо border попробовать?

i-Голубев Автор вопроса
i Голубев
https://codepen.io/DraguLL/pen/ExOodwM

а зачем там прозрачный бордер?

i-Голубев Автор вопроса
LZD
а зачем там прозрачный бордер?

мне нужно что бы бордере не менял размер

i-Голубев Автор вопроса

нет, мне надо при ховере его делать

i Голубев
нет, мне надо при ховере его делать

Короче, бордер нужен для скругления, да?

i-Голубев Автор вопроса
Алина
Короче, бордер нужен для скругления, да?

бордерд нужен как внутренняя линия-обводка, скругление тут не при чём

i-Голубев Автор вопроса

в смысле увеличиваю? мне не надо увеличиватиьт, мне надо что бы размер не менялся

i Голубев
https://codepen.io/DraguLL/pen/ExOodwM

button { border: none; border-radius: 10px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 22px; min-height: 49px; min-width: 142px; padding: 17px 0px; text-align: center; text-transform: uppercase; background: #0a9aff; } button:hover { background: linear-gradient(90deg,#0a9aff,#dd0aff); } button:active { outline: 2px solid red; }

i-Голубев Автор вопроса
Michael
button { border: none; border-radius: 10p...

в сафари не работает с радиусом

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

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

а зачем этот вопрос для удаления из чата?
Mёdkinson Medvezhkin
63
Добрый день. Хочу сделать отрисовку по команде на панели. Почему-то рисуется только при втором вызове. С чем может быть связано, не подскажете? procedure TForm1.FormDblClick(...
Kirill Filippenok
20
Всем доброго дня! Подскажите может кто использовал связку Pagebuilder + Clientsetting. Сами параметры с типом pagebuilder в модуле Clientsetting работают нормально, можно такж...
Александр Добриков
12
А почему в си некоторые вещи работают с двойными кавычками некоторые с одинарными? Нельзя было все сделать с одними или чтоб работало с разными? например чтоб выводить строки ...
.
15
Всем привет! Нужен совет от опытных. Переношу свой проект с Делфи 10.2 Токио на Лазарус 3.2 установленный через инсталлятор fpcupdeluxe-x86_64-win64. При импортировании проект...
Дмитрий Завгородний
7
Эх кто-то пришел и весь праздник испортил :( You need complex FBX scene importing setup to change things on import? good luck with that. You need navigation and pathfinding? g...
Serg Gini
5
Всем привет! Подскажите. Я написал приложение на Delphi 10.2 Tokyo под Windows 10. И передо мной стал вопрос о том чтобы сделать это приложение кроссплатформенным (под Linux и...
Дмитрий Завгородний
24
Всем привет! procedure TForm1.FormCreate(Sender: TObject); type TStartEnd = record S: Byte; E: Byte; end; var a, b: TStartEnd; begin {1} a.S := 1; {2} a.E := 2; ...
Руслан Михайлович
10
Всем привет!) я тут новенький и пытаюсь освоить evolution методом тыка. У меня при переходе между папками файлов выскакивают вот такие уведомления Можете подсказать как их от...
Диман Samoed
10
Какого хера? /Sources/App/Modules/User/Models/UserLinkApple.swift:21:20: warning: stored property '_id' of 'Sendable'-conforming class 'UserLinkApple' is mutable @ID(...
Alexander Sherbakov
14
Карта сайта