Как реализовать такую анимацию?

Question

[Евгений Петров]

При наведении на кнопку в навигации border-bottom анимируется таким образом, что идет появление из центра.
Как добиться такой фичи?

https://elements.envato.com

Answer 1

[Антон Спирин]

Просто. Все такие эффекты, в большинстве случаев, основаны на :hover + trasition

selector {
  rule1: $value1_1;
  rule2: $value2_1;
   ...
  ruleN: $valueN_1;
  transition: all $transition_time;

  &:hover {
    rule1: $value1_2;
    rule2: $value2_2;
      ...
    ruleN: $valueN_2;
  }
}

Я так понимаю, самому заглянуть в панель разработчика и посмотреть вам, видимо, религия не позволяет.

Answer 2

[Владимир]

Это не бордер
Скрин