Здравствуйте.
Помогите понять или определится.
У меня div в нём a.
Место где находится div, предполагает что border-radius: 0 10px 10px 0;
Мне нужно чтоб при наведении на ссылку, начала бежать линия 1px по данному контуру, при убирании курсора также возвращалась в начало.
С прямыми углами нет проблем отыскать результаты.
По типу самого нижнего варианта, где стрелочка.
Видел примеры не на двух элементах span как выше в примере, а на div. Но там проблема в том что анимация у меня должна быть не быстрая и только из одной точки.
Вот оно, совсем не подходит при больших чем 5px углах и медленней чем 0.4 видно как элементы скругления накладываются.
Хотелось бы на CSS если это реально. На svg я могу это сделать, но не хочется.
Простой
