Как устроено ограничение стиле?

Question

[Space]

Извиняюсь за кривой заголовок. В этом шаблоне поля очень интересно сделаны. Нажал на поле, лейбел сместился наверх. Я смог это реализовать. Но если я что-нибудь введу в поле, то лейбел все равно вернется на место и получается наложение.

В примере по ссылке этого "артефакта" нет. Как можно это исправить, куда копать? Это на уровне css или все же на js(удалял все js в принципе и все равно работало)?

Answer 1

[Ivanq]

Я сейчас тщетно пытался сделать это на чистом CSS, не получилось. По мне, нужно сделать разные CSS-классы с transition'ами, а потом добавлять и удалять классы на JS