边界的CSS3过渡

Question

当您将鼠标悬停在列表项上时，我尝试为红色边框添加转换，但只有当您悬停时，转换才会起作用。

是否可以为红色边框添加过渡，以便在您悬停时滑出？ 这是代码http://jsbin.com/ewilix/3/edit

Answer 1

您必须为初始左边框指定与其悬停状态相同的属性，但宽度为0：

#conteneur-menu2 ul li a {
    text-decoration: none;
    font-size: 25px;
    padding: 4px;
    display: block;
    color: white;
    width: 230px; 
    transition: all 2s;
    line-height: 20px;
    border-left-style: solid;
    border-left-color: red;
    border-left-width: 0px;
}