Мне нужно создать сине-зеленую область, показанную на рисунке ниже. Он имеет угловые стороны, спускающиеся до точки, которая имеет небольшую кривую.Заголовок с изогнутым остроконечным дном
Каков наилучший способ достижения этого с помощью CSS? Мне нужно поддерживать IE9 + или IE10 +, если поддержка IE9 невозможна.
Я начал основной demo here - (Не нужно содержание в пределах Bluey-зеленой области)
Кажется, что это хорошо работает. Спасибо! Единственное, что я использовал bootstrap и нужно было добавить: 'box-sizing: initial' в классы' .header: after' и '.header: before', когда bootstrap использовал' box-sizing: border-box; 'который заставило точку свернуться. – ifusion