Я должен создавать эту форму с css только, попробовал создавать изображение прямо с css, сначала измените border-radius думая, что это могло бы создавать эффект способа
border-radius: 170%;
Но это не функционировало меня создавала следующая форма
тогда только я это округлил, я существую пробуйте с after и before, но оказывается, что также оно не функционирует, существует или они знают способ это делать с css только
Чтобы направлять самый ясный вопрос, я добавлю то, что я протестировал.
/ центральный Div (у которого есть синий край и ждут, что это была форма образца) /
#U2L5ParagraphQuestion
{
position: relative;
padding: 3%;
font-size: 1.3vw;
border-radius: 11vw;
font-family: Lato-ligth;
border: 4px solid #2b3098;
box-shadow: 4px 3px 18px 0px rgba(0,0,0,0.6);
}
#U2L5ParagraphQuestion:after
{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 20px solid white;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
#U2L5ParagraphQuestion:before
{
content: "";
position: absolute;
right: -20px;
bottom: 0;
width: 0;
height: 0;
border-left: 20px solid red;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
Поскольку они могут оценивать, я использую компоненты before и after, чтобы стараться создавать форму, еще он не встречается.