Мобильная версияЯ пытаюсь нарисовать многоугольную форму, но не могу нарисовать ее, где дочерний элемент div обрезан справа и снизу, и его радиус границы должен быть равен 16 пикселей. как я могу нарисовать его идеально, чтобы он отображался внутри родительского div и не перекрывал границу родительского div. Он должен покрывать оставшуюся часть неба.
Я ожидаю, что мне помогут, что я делаю неправильно и как мне достичь конечной цели?
Это мой код.
.parent { фон: аквамарин; поле: 50 пикселей авто; ширина: 213 пикселей; высота: 182 пикселей; граница: 2 пикселя, сплошная черная; радиус границы: 16 пикселей; } .коробка { ширина: 200 пикселей; высота: 200 пикселей; фон: красный; клип-путь: многоугольник (100% 0%, 100% 0%, 100% 50%, 86% 95%, -390% -1%); преобразование: поворот (-17 градусов); положение: относительное; слева: 17 пикселей;
