необычный стиль border

Question

можно ли как-то реализовать border как на скриншоте?

Answer 1

Получилось как-то так. Надеюсь разберётесь.

div {
  border: 1px solid black;
  width: 100px;
  height: 100px;   
  position: relative;
}

div:after {
  content: "";
  position: absolute;
  right: -20px;
  top: -21px;
  width: 40px;
  height:40px;
  transform:rotate(45deg);
  background-color: white; /* по цвету заднего фона */
  border-bottom: 1px solid black;
}

<div></div>

Есть ещё способы через clip-path или с помощью SVG. Но я не умею ?

БЛОГ НА HUSL

необычный стиль border

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