Html 为什么我能'；是否对左边框使用相同的动画？

我想用左边的边框做一个悬停效果，从中间开始。。。 在网上搜索后，我只能找到如何做下划线

ul.sub_菜单li a:之后{
显示：块；
内容：''；
边框底部：实心3px#019fb6；
转换：scaleX（0.0001）；
转换：转换250ms缓进缓出；
}
ul.sub_菜单li a：悬停：之后{
变换：scaleX（1）；
}

由于需要左边框，首先必须切换到

：在
之前，而不是
：在
之后。然后需要为元素设置一个高度，以便它实际上可以有一个边框。否则，内容为空，大小为空。所以你可以这样做：


ul.sub_菜单li a:之前{
显示：内联块；
内容：''；
左边框：实心3px#019fb6；
变换：scaleY（0.001）；
转换：转换250ms缓进缓出；
高度：1米；
}
ul.sub_菜单li a：悬停：在{
变换：scaleY（1）；
}




你能更好地解释一下这里的目标是什么吗？我没有达到你想要达到的目标；你的意思是和当前的例子一样，但是使用左边框而不是底部边框？我试图在鼠标悬停在链接上时使用与此菜单中相同的动画