Как реализовать подобный border
двумя градиентами? По идее, они сходятся в правом нижнем и левом верхнем углу.
-
Вот интересно, откуда скриншот? Разве там нельзя посмотреть код?– UModeL23 июн 2021 в 11:38
-
Нет, скрин скинул заказчик– nikolay3597723 июн 2021 в 11:50
-
данный вопрос в виде картинки следует закрыть, потому что он бесполезен для базы знаний (тот, у кого возникнет подобный вопрос, не сможет найти данный вопрос и ответы к нему)– aleksandr barakin23 июн 2021 в 18:45
Добавить комментарий
|
1 ответ
Самый простой способ
.border-block {
display: inline-block;
border-radius: 6px;
background: linear-gradient(-75deg, orange, transparent, orange);
padding: 4px;
}
.border-wrap {
display: inline-block;
min-width: 300px;
min-height: 150px;
background: #fff;
border-radius: 5px;
}
<div class="border-block">
<div class="border-wrap"></div>
</div>