Why doesn't transition work?

Question

css

Question on a subject. When an input is clicked, the label that is enclosed in the span tag should fly up with animation. Maybe, of course, there is a much smarter solution?

jsfiddle

Thank you.

ps: if anything, I don’t have logical thinking.

Answer 1

https://jsfiddle.net/zheo1xLp/6/
You need to specify the initial position - top: 0