Здравствуйте!
Есть вот такое меню:
<ul>
<li><a class="active" href="">пункт 1</a></li>
<li><a href="">пункт 2</a></li>
<li><a href="">пункт 3</a></li>
<li><a href="">пункт 4</a></li>
</ul>
Для активного пункта меню добавляется класс active:
.active {
border: 2px solid #927253;
border-radius: 20px;
}
Подскажите, как сделать так, чтобы при наведении на любой из пунктов рамка (класс active) плавно перемещалась от предыдущего пункта к текущему? Что-то вроде slide эффекта для рамки от одного пункта меню к другому.