Можно ли в CSS сгладить углы при использовании border-radius?

Question

[weranda]

Слева кнопка из редактора со сглаживанием углов, а справа — та же кнопка с border-radius = 12px. Слева кнопка выглядит классно, справа — хуже. Можно ли как-то сделать так в CSS, чтобы радиусы сглаживались нормально?

Comments

[Сергей delphinpro]

как по мне,так они одинаковые

spoiler

можно попробовать сделать однопиксельную тень.

[weranda]

Сергей delphinpro, у тени визуально те же качества, что и у скругления.

[Aragorn]

Выглядят одинаково и не заморачивайтесь

[Ivan Ustûžanin]

а смысл? редактор (кстати какой) может немного читерить, браузерный движок каждый будет делать по-своему

[weranda]

Aragorn, выглядит не одинаково)

[weranda]

Ivan Ustûžanin, Смысл? — Хочется знать, можно ли... А если можно, то применить в практике, чтобы мне нравилось.

[Aragorn]

weranda, да? А я не заметил, значит и другие не заметят...

[Алексей Уколов]

Погуглите CSS border antialiasing и выберите решение, которое понравится. Я особо разницы не вижу, так что не могу порекомендовать какое-то из найденных.

[Ivan Ustûžanin]

weranda, это я к тому, что pixel-perfect невозможен в браузерах, если не пихать картинку, именно из-за того, что браузерных движков несколько, да и у редактора свой рендерер

да и столько возиться из-за малозаметной (увеличение 400%) как по мне разницы особо незачем:

[dicem]

То, что вы хотите вы не добьетесь border-rdius'ом, ваше спасение - svg

[Андрей]

странно замечать сглаженность но не замечать размер шрифта и letter spacing

[imko]

Какая функция сглаживания у первой?

[Aetae]

Честно говоря в упор не вижу разницы, но верю что она есть.:) Если суть в каком то размытии - можно добавить собственно размытие - filter: blur, если что-то сложнее - можно сделать svg фильтром, но тогда действительно проще использовать сразу svg.

Answer 1

[Антон Антон]

кажется, тут нужен svg
https://medium.com/@nikolskayaolia/an-easy-way-to-...