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