html - 边框的 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;
}