Как подправить бордер?

Question

[intriga93]

возле кружков. он чуть светлее , чем другое
( речь о.stages__item:after)
оверфлоу не помогает вроде
https://jsfiddle.net/k381cbar/

Answer 1

[Ankhena]

Вы указываете только правый или левый бордеры.
При этом нижний/верхний - нулевые, причем браузер должен нарисовать это в скруглении. Он и делает плавный переход из 1 в 0.

Если зададите нижнюю/верхнюю границу - всё будет норм.

Comments

[intriga93]

Ankhena , все-равно вроде как то не так бордер
https://jsfiddle.net/r89fkdyg/

[Ankhena]

intriga93, я не вижу "не так", кроме нестыковок

[intriga93]

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

[Ankhena]

intriga93, так подвиньте на одну точку, чтобы не было нестыковок

[intriga93]

Ankhena, я двигаю, но то там несопадание, то там будет

[Ankhena]

intriga93, сейчас спать. Разбираться завтра

[intriga93]

Ankhena, https://jsfiddle.net/fa3p1Lys/
правда есть места, где пишу 0.5px
а это , наверное, очень плохо..

[Ankhena]

intriga93, https://jsfiddle.net/z4L820vg/

[intriga93]

Ankhena, спасибо, а если увеличиваю масштаб и чуть ломается (будут несовпадения) - это плохо? когда 100% - всё хорошо

[Ankhena]

intriga93, такие штуки могут ломаться при увеличении масштаба из-за округлений.

Можно знаете, что: объединить линию и скругление в один псевдо.

Можно на svg попробовать нарисовать, если смущает.

[intriga93]

Ankhena, так такой нюанс вообще критичный? или не особо

[Ankhena]

intriga93, обычно тем, кто увеличивает именно масштаб, нужен текст и они вполне лояльны к мелким огрехам визуальных элементов.

Пока у меня нет идей, как можно ещё улучшить, кроме того, что написала выше.