Как анимировать бордер по ховеру?

Question

[zveronol]

к примеру рамка увеличивается и всё
https://jsfiddle.net/tja4oph1/

Answer 1

[Danny Arty]

Добавить к .services__block p

.services__block p {
transition: all 0.2s ease;
}

и в css

.services__block p:hover {
  outline: 5px solid #1b1f2a;
}

Это например

Comments

[zveronol]

Danny Arty, вроде скачет

[Danny Arty]

zveronol, пардон, исправил

[zveronol]

Danny Arty, это ок
но увеличение рамки я подразумевал что она растянется на весь блок
так можно?

[Danny Arty]

zveronol, при наведении на картинку должна быть рамка у .services_image?

[zveronol]

Danny Arty, при наведении на картинку рамка на всю высоту .services_image

[Ankhena]

zveronol, только у transition нужно заменить all на outline (либо на то свойство, которое анимируете)