|
Сообщение от Блондинка
|
|
???
|
Что значит, что фон не обрезается? Вы можете использовать CSS-свойства
clip-path или
mask. Мощнейшие возможности по обрезанию! Также вас возможно заинтересует свойство
shape-outside
UPD
|
Сообщение от Блондинка
|
|
возможно ли совместить с бордер радиус для верхних прямых углов и у дива установить фон, а у нижних обрезанных углов обрезать и фон?
|
Всё можно, если я правильно понял, то можно так... Зачем вы спрашиваете то, что и так знаете?
<div class="box"></div>
<style>
.box {
width: 320px;
height: 240px;
background: linear-gradient(to bottom, transparent, red), url(https://picsum.photos/320/240) center / cover;
border-radius: 1em;
clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}
</style>