Как сделать блок с вырезанными уголками?

Question

[Moe Green]

Вот есть такой пример графики - take.ms/yaZcm

Два вопроса:

• - как сделать такие вырезанные уголки
  
• - как сделать такую волнистую линию
  

И еще такой образец - take.ms/ICh5k - подскажите пример правильной реализации.

Answer 1

[Kuat Mustafin]

Вырезанные углы делаются вот так если фон однотонный

Как делается волнистая линия Как реализовать такую волнистую линию

Про FlexBox на английском и русском

Псевдоэлементы :before и :after

UPD.

Как вырезать уголки у блока div?

И еще такой образец - take.ms/ICh5k - подскажите пример правильной реализации.

Это скорее всего стилизованный <input type="number">

Comments

[Moe Green]

благодарю - все получилось. есть два вопроса - почему border-radius: 100%, а не 50%? и второй вопрос - подскажите по поводу правильной реализации плюсов-минусов?

[Moe Green]

магия с flexbox понравилась )

[Kuat Mustafin]

Valery Semenencko не забывайте отмечать решение