Как я могу сделать эту двойную границу со смещением в CSS?

Question

Мне нужно иметь возможность создать эту двойную границу только с CSS.

Простая двойная граница, конечно, легко, но мне нужно смещение для секунды. Кто-нибудь знает как это делать ? Спасибо

Answer 1

Используя box-shadow, вы можете сделать что-то вроде этого.

Одна тень будет цвета solid, затем мы используем вторую для покрытия внутренней части.

div {
  width:100px;
  height:100px;
  border: 1px solid;
  box-shadow: 
  8px 8px 0px 1px white
  , 8px 8px 0px 2px black;
}

<div></div>