How to slow down transform?

Question

Programming

Hello. I need to make it go up when hovering over an element. I did so

.v:hover {
    transform: translate3d(0, -14px, 0);
    transition: 0.3s;
}

When hovering, everything is as it should be. But it goes down very quickly. Please tell me how to make it so that when the cursor leaves the element - it still slowly fell. Thanks in advance

Answer 1

If N=20, X=3, Y=5, then our output is 8.
3, 5, 6, 9, 10, 12, 15, 18.
The frontal solution is to pass [2, N) and recalculate the required numbers.
Smart solution idea. If X and Y are guaranteed to be prime, then these same numbers are repeated in increments of X·Y.
3, 5, 6, 9, 10, 12, 15
18, 20, 21, 24, 25, 27, 30
And then think for yourself.

Answer 2

$a = min([$x, $y]);
echo floor($n/$a)

Answer 3

No need. We need to find the number of multiples of X, add the number of multiples of Y, and subtract the number of multiples of X*Y. The problem is solved without cycles, with one formula.
N=20, X=3, Y=5
⌊19/3⌋ + ⌊19/5⌋ - ⌊19/15⌋ = 6 + 3 - 1 = 8

Answer 4

transition: transform 0.3s

Answer 5

put transiton not on the state, but on the element