Как сделать при фокусе на input активацию анимации на другом элементе?

Question

[s_fedchuk]

Мне нужно при активированном input сделать сдвиг текста который выше находится. Можете предложить как это реализовать.

Comments

[Ankhena]

Если текст который "выше", в коде будет ниже и он или его родитель будут на одном уровне с инпутом, то через селекторы ~ или +. Поменять порядок отображения можно будет через flex order.

Если нет, то на js.

Не знаю, что точно вам нужно, но типа того:

Answer 1

[Шохрух Шаймардонов]

Используйте label (главное после инпута его в html расположить)
И с помощью input:focus + label анимируйте

Comments

[s_fedchuk]

А если нужно над input?

[Rustam Bainazarov]

s_fedchuk, значит на CSS никак. Можете играться с этим, конечно, как-то:
https://developer.mozilla.org/ru/docs/Web/CSS/:foc...

Но это все обычные люди сделали бы на JS.