Здравствуйте. Подскажите, если кто знает, как можно реализовать эффект как на главной странице академии:
На кнопку навести вылазит тень, а когда убираю курсор с неё она не исчезает мгновенно, а как бы возвращается назад.
выползание тени сделал, а обратно как не пойму.
@keyframes colo{
from{
box-shadow:0 0 0 0 rgba(171, 3, 3,1);
}
to{
box-shadow:-10px -10px 0 0 rgba(171, 3, 3,0.5);
}
}
input:hover{
animation-name:colo;
animation-duration:1s;
animation-fill-mode:forwards;
}