Как сделать белую рамку на hover?

Question

[freeman0204]

Код
Вот такую как на скриншоте prntscr.com/b0upfr

Answer 1

[devstudent]

.eff-2-2 .caption:before {
      position: absolute;
  width: 90%;
  height: 90%;
  top:5%;
  left: 5%;
  content: '';
  display: block;
  border:2px solid white;
  z-index: 10;
}

Comments

[freeman0204]

А как сделать что бы были ровные расстояния от края до рамки? На глаз что то не получается.

[devstudent]

Артур Черешнюк:а на глаз и не надо.
формула проста:
расстояние от верхнего края=(100%-высота элемента)/2
расстояние от левого края =(100%-ширины элемента)/2
еще вариант
top:50%; margin-top: минус половина высоты элемента;
left:50%; margin-left: минус половина ширины элемента;
и еще вариант
top:0; bottom:0;lefr:0; right:0; - только для абсолютно позиционированных элементов

[Дмитрий]

еще как вариант по центрированию https://jsfiddle.net/soledar10/fxmqqj8m/

[devstudent]

Дмитрий: ага, и это тоже

[Михаил Чирский]

Я бы сказал transform лучше, чем отрицательный margin, т.к. не обязательно знать значения