Border radius
Как сделать из такого
скрин - https://skrinshoter.ru/sLXG6yQGhVU?a в такое скрин - https://skrinshoter.ru/sLX2XgqQp9Z?a Углы прямые, а не скругленные |
Попробуй через css свойство clip-path
https://developer.mozilla.org/en-US/.../CSS/clip-path |
Спасибо
|
<head>
<style>
#d {
position: relative;
width: 500px;
height: 300px;
background-color: blue;
}
#dcp {
position: relative;
left: 100px;
top: 50px;
width: 300px;
height: 200px;
background-color: red;
clip-path: polygon(3em 0, 100% 0, 100% calc(100% - 3em), calc(100% - 3em) 100% , 0 100%, 0 3em);
}
</style>
</head>
<body>
<div id="d">
<div id="dcp">
clip-path test
<br><br>
clip-path test
</div>
</div>
</body>
|
Спасибо, а то вчера я так и не понял как его делать
|
| Часовой пояс GMT +3, время: 11:24. |