Нужно css свойство, которое делает анимацию справа налево. Так можно вообще делать?

Question

[mrWan]

тут анимация происходит справа налево, а как сделать слева на право ?

.top-main-nav ul li a::after {
  margin-left: 10px;
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #000;
  transition: width .3s;
}

.top-main-nav ul li a:hover::after {
  width:calc(100% - 10px)
}

ссылка на песочницу https://codepen.io/anon/pen/OvvEqd
надо сделать появление нижнего бордера справа на лево

Comments

[Леонид Князев]

Вы бы сделали где-нибудь рабочий пример того, что есть сейчас. Догадываться по обрывкам стилей, что вы хотите как-то не очень.

[mrWan]

Леонид Князев,отредактировал вопрос, оставил ссылку на песочницу

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/QmmxeW так ?

Comments

[mrWan]

спс))