Как сделать появление границ у элемента при наведении плавным?

Question

[Tonykark9597]

У элемента обводка при наведении в 2px, но почему-то работает появление коряво. Сначала появляется в 1px, а потом увеличивается до 2px.

Делаю все теме Divi на wp, пробовал обводку через стандартные настройки модуля, очень криво.
Через свой css для модуля плавнее, но все равно сначала 1px, а потом 2px.

Такой код:

border: 2px solid #2b9d82;
transition: all 0.1s linear;

Comments

[Дима Долготер]

div{
 border: 2px solid transparent;
transition: all 0.1s linear;
}
div:hover{
 border: 2px solid #2b9d82;

}

[Tonykark9597]

Дима Долготер, Спасибо, помогло. Так все плавно.

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

[inFureal]

Дима Долготер, Напиши в ответ, а Tonykark9597 отметит как решение, а то висит без ответа

Answer 1

[Дима Долготер]

воть) Tonykark9597

div{
 border: 2px solid transparent;
transition: all 0.1s linear;
}
div:hover{
 border: 2px solid #2b9d82;

}