Можно ли округлить число в CSS или какой костыль можно придумать?

Question

[Лев Белобров]

Пытаюсь при помощи нативного CSS нарисовать на страничке гибкий суперэллипсоид. С квадратной формой мне справиться удалось, а вот с прямоугольным возникли трудности — начали появляться артефакты (см. приложение).

Как я выяснил, проблема заключается в том, что в процессе вычислений, переменные, которые я использую для сглаживания углов, получают дробные значения, из-за чего псевдоэлементы отображаются не идеально. Отсюда вопрос: можно ли округлить переменные в CSS?

Codepen:


Приложение:

Comments

[Алексей Ярков]

Ну round есть, но вроде экспериментальный пока

Answer 1

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

Надо не псевдоэлементы использовать, а clip path https://developer.mozilla.org/en-US/docs/Web/CSS/c...

Comments

[Лев Белобров]

Спасибо ❤️

Answer 2

[zkrvndm]

По CSS не подскажу, но обычно такие иконки делают в SVG.