Я хотел создать верхнюю границу, используя созданный мной контур обрезки.
Я также использовал тень блока, но верхняя граница не видна.
Я создаю верхний дизайн, используя контур обрезки. Мне нужна рамка вокруг верхней части моего открытого контента, которая будет адаптивной
Как эта — пример дизайна
Мой код —
Clip Path with Visible Border
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.divider {
position: relative;
background-color: blueviolet;
clip-path: polygon(40% 0%, 60% 0%, 64% 10%, 100% 10%, 100% 100%, 0% 100%, 0% 10%, 35% 10%);
padding: 200px;
box-shadow: -1px -10px 0px #03FAFE; /* Simulates a border */
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... p-path-css
