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

Question

[zveronol]

стрелку увеличиваем в ширину
к примеру
сейчас только цвет меняется
https://jsfiddle.net/o9f56zrh/

Comments

[Ankhena]

стрелку увеличиваем в ширину

Судя по примеру, вы знаете, что ширина это width. Её и увеличивайте при наведении.
Ну и заодно позицию (лучше трансформом) крышки стрелки.

В чем возникла сложность?

[zveronol]

Ankhena, так?
https://jsfiddle.net/sfvghx0j/

[Ankhena]

zveronol, да, прекрасно.
Только псевдо лучше писать так с двумя двоеточиями .block::before.
С одним это устаревшая запись.

Answer 1

[Герман Зуяков]

.btn:hover:after{
  width: 34px;
}

.btn:hover:before{
  left: 22px
}

Ну плюс под себя время через transition выстави