Как реализовать подобный border?

Question

Как реализовать подобный border двумя градиентами? По идее, они сходятся в правом нижнем и левом верхнем углу.

Answer 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>

БЛОГ НА HUSL

Как реализовать подобный border?

Ответы (1 шт):