Как сделать, чтобы placeholder (или label) в input при фокусе смещался вверх и уменьшался?

Question

[Александр Тимофеев]

Хочется как-то средствами CSS обойтись

Answer 1

[Андрей]

Пошаговый туториал:
product.hubspot.com/blog/how-to-build-a-sleek-anim...

Answer 2

[Ivan Bogachev]

Можете поместить в разметке label после input и с помощью нехитрой конструкции

input:focus + label {
    /* .... */
}

делать с ним все, что захотите (вероятно с помощью transform).