Как изменить форму фона?

Question

[NikitaWeb]

Как сделать background такой формы, не используя изображений?

Answer 1

[boga-net]

https://jsfiddle.net/ouodkeLn/311/

Посидеть и найти подходящие цифры, которые сгладят углы

Comments

[dom1n1k]

Как прикольное упражнение покатит, но на продакшене я бы за это отрывал руки :)

[boga-net]

dom1n1k, да я бы и сам себе руки за такое оторвал, да всё равно одна-то останется ) А ей тоже можно заговнокодить )

[Сергей delphinpro]

boga-net, dom1n1k, ну почему, вот так вполне себе тянет на продакшн https://jsfiddle.net/ouodkeLn/344/

[dom1n1k]

Сергей delphinpro, Не тянет. Смысл-то в чем?
Вот завтра дизайнер нарисует этот беджик другим, радиусы подправит. Что логичнее - сказать графредактору "export as svg" или заново погнали подбирать углы и радиусы?
А если он там обводку сделает, градиентик, тенюшечку?
Про сложность чтения молчу.

[Сергей delphinpro]

dom1n1k, К вопросу о дизайнере: какие проблемы интегрировать простейшие математические формулы в sass?

Получится, что нужно лишь поправить параметры, а не заморачиваться с экпортом картинок

[Сергей delphinpro]

ну и из 10 летнего опыта я такого не встречал...

[dom1n1k]

А, пардон зачем их интерпретировать? Если фигура уже нарисована.
Есть готовый векторый оригинал - нафуа мне копия непонятной степени достоверности?
И да, запросто можно нарисовать чуть иначе и формулы перестанут быть элементарными.

Answer 2

[mrlag]

svg

Answer 3

[dom1n1k]

Здесь нужно использовать изображение.