CSS 边框颜色 使用 transition 出现闪烁

当使用 transition 动画来改变 CSS 边框颜色时，可能会出现闪烁的问题。这是由于浏览器在渲染过程中对于颜色的处理方式不同，导致边框颜色在转换过程中出现短暂的变化。

为了解决这个问题，可以尝试以下两种方法：

1. 使用 RGBA 颜色值

将边框颜色值改为 RGBA 格式，即添加透明度属性。这样可以让颜色变化更加平滑，减少闪烁的出现。

例如：

border: 1px solid rgba(0, 0, 0, 0.5);

2. 使用 box-shadow 属性代替边框

使用 box-shadow 属性代替边框，可以避免出现闪烁问题。box-shadow 属性可以实现类似边框的效果，但是其渲染方式与边框不同，不会出现颜色变化的问题。

例如：

box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);