How to make the borders of an element appear smooth on hover?

Question

css

The element has a hover stroke of 2px, but for some reason the appearance works clumsily. It first appears at 1px and then increases to 2px.

I do everything with the Divi theme on wp, I tried the stroke through the standard module settings, it’s very crooked.
Through your css for the module is smoother, but still, first 1px, and then 2px.

Code like this:

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

Answer 1

vot) Tonykark9597

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

}