Как сделать hover эффект?

Question

[Elisaveta1234]

Стрелочка - "купить" - сперва короткая, а при наведении удлиняется. Как реализовать? пробовала через hover и убрать ширину,но не работает

Comments

[Рома Зварич]

Фрагмент кода выложите?
Чтобы был пример, на котором показывать

Answer 1

[Stimulate]

https://jsfiddle.net/e7Lx0bam/

Answer 2

[Сергей Кутузов]

p {
width: 20px;
}
p:hover{
animation: nev 5s alternate;
}
@keyframes nev {
0% {
width: 20px;
}
100% {
width:200px;
}
Будет работать при наведении.
Подробности https://starper55plys.ru/css/animatsiya-css-dlya-n...