Как создать анимацию css?

Question

[Сергей Васенин]

https://jsfiddle.net/vp6povja/2/
от центра к 2м краям

Answer 1

[Анатолий]

Насколько я понял, вам нужно что-то такое.

Comments

[Сергей Васенин]

да оно самое только вот как её теперь встроить

[Анатолий]

Сергей Васенин: Вам нужно при ховере ее воспроизводить или при клике?

[Сергей Васенин]

Анатолий: при hover

[Анатолий]

Сергей Васенин: Можно сделать вот так, но придется немного изменить разметку. Вместо i можно использовать span.

[Анатолий]

Сергей Васенин: Для спасибо есть кнопка "Отметить решением". От этого плюсик автору ответа и помощь тем, кто найдет ваш вопрос в поисковике.

[Сергей Васенин]

Анатолий: ещё такой вопрос линия обтекает сверху не закрывая бордер как это можно исправить?

[Анатолий]

Сергей Васенин: В li::before и li::after установите bottom: -3px (со значением нужно поиграться).

[Сергей Васенин]

Анатолий: возникла такая проблема при добавлении на сайт прописал бордер ботом в ul начались проблемы видно как полоска hover выступает. А если добавить в li то проблем нету почему так происходит не могу понять

[Анатолий]

Сергей Васенин: Новый вопрос - новый вопрос на Тостере. Тем более по вашему описанию я ничего не понял.