Перехід CSS3 для кордону - html, css, html5, css3

Я намагаюся додати перехід до червоної кордону, коли ви наведете курсор на елемент списку, але перехід працює лише тоді, коли ви наведете курсор на.

Чи можна додати перехід до червоної кордону, щоб він висунувся, коли ви наведете курсор? ось код http://jsbin.com/ewilix/3/edit

Відповіді:

Ви повинні вказати ті самі властивості для початкового лівого кордону, що і в його режимі наведення, але з шириною 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;
}