Css 将边框底部更改为边框顶部

当鼠标悬停时，我想在菜单列表上有一个过渡，但我想将底部边框更改为顶部边框。 我该怎么做

。从中间滑出{
显示：内联块；
位置：相对位置；
垫底：3件；
}
.从中间滑出：之后{
内容：''；
显示：块；
保证金：自动；
高度：3倍；
宽度：0px；
背景：透明；
过渡：宽度。5s缓和，背景色。5s缓和；
}
.中间滑出：悬停：之后{
宽度：100%；
背景：蓝色；
}

---

您可以使用

:before

伪元素而不是

:before

伪元素，因此该行显示在链接的顶部（之前）：

。从中间滑出{
显示：内联块；
位置：相对位置；
垫底：3件；
}
.从中间滑出：在{
内容：''；
显示：块；
保证金：自动；
高度：3倍；
宽度：0px；
背景：透明；
过渡：宽度。5s缓和，背景色。5s缓和；
}
.中间滑出：悬停：前{
宽度：100%；
背景：蓝色；
}

---

您可以使用

:before

伪元素而不是

:before

伪元素，因此该行显示在链接的顶部（之前）：

。从中间滑出{
显示：内联块；
位置：相对位置；
垫底：3件；
}
.从中间滑出：在{
内容：''；
显示：块；
保证金：自动；
高度：3倍；
宽度：0px；
背景：透明；
过渡：宽度。5s缓和，背景色。5s缓和；
}
.中间滑出：悬停：前{
宽度：100%；
背景：蓝色；
}

---

您可以使用

:before

伪元素而不是

:before

伪元素，因此该行显示在链接的顶部（之前）：

。从中间滑出{
显示：内联块；
位置：相对位置；
垫底：3件；
}
.从中间滑出：在{
内容：''；
显示：块；
保证金：自动；
高度：3倍；
宽度：0px；
背景：透明；
过渡：宽度。5s缓和，背景色。5s缓和；
}
.中间滑出：悬停：前{
宽度：100%；
背景：蓝色；
}

---

您可以使用

:before

伪元素而不是

:before

伪元素，因此该行显示在链接的顶部（之前）：

。从中间滑出{
显示：内联块；
位置：相对位置；
垫底：3件；
}
.从中间滑出：在{
内容：''；
显示：块；
保证金：自动；
高度：3倍；
宽度：0px；
背景：透明；
过渡：宽度。5s缓和，背景色。5s缓和；
}
.中间滑出：悬停：前{
宽度：100%；
背景：蓝色；
}

---

您希望边框从底部过渡到顶部（垂直穿过元素，或者只是淡出/淡入）？或者您想更改哪个边框是彩色的/高亮显示的？而不是使用

：在
之后使用
：在
之前，您想让边框从底部过渡到顶部（垂直穿过元素，或者只是淡出/淡入）？或者您想更改哪个边框是彩色的/高亮显示的？而不是使用
：在
之后使用
：在
之前，您想让边框从底部过渡到顶部（垂直穿过元素，或者只是淡出/淡入）？或者您想更改哪个边框是彩色的/高亮显示的？而不是使用
：在
之后使用
：在
之前，您想让边框从底部过渡到顶部（垂直穿过元素，或者只是淡出/淡入）？或者您想更改哪个边框是彩色/高亮显示的？而不是使用
：after
used
：before