Как сделать подобный border?

247
17 октября 2017, 02:27

Всем привет. Нашел сайт с красивым бордером, но не понимаю, как его сделать. Думал через псевдоэлементы, но как сделать, чтобы он был фиксированной ширины?

Answer 1

body { 
  background: rgba(0,0,0,0.1); 
} 
div { 
  width: 320px; 
  height: 200px; 
  background: #fff; 
  outline: 4px solid rgba(0,0,0,0.3); 
  outline-offset: -15px; 
  padding: 20px; 
}
<div></div>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте hersones.com.ua
ТОП-10
READ ALSO
Плавное обтекание svg
CSS

Плавное обтекание svg

Есть вот такая свгшка, как сделать так чтобы, допустим при клике давался класс на свг и она плавно обтекала сверху слоем, который сейчас просто...

 308
Как правильно работать с сетками?
CSS

Как правильно работать с сетками?

 354
Непонятный сдвиг влево bootstrap 4
CSS

Непонятный сдвиг влево bootstrap 4

Установил bootstrap 4Заметил что есть сдвиг влево

 318
Центрирование блока с дивами на флоате [требует правки]
HTML

Центрирование блока с дивами на флоате [требует правки]

В современных браузерах код ниже работает великолепно, однако на ie11, происходят баги с main'ом, в чем может быть причина??

 255