Input animation using HTML and CSS

Awesome input animation using HTML and CSS | Google input style......

#html #css #cssanimaton

[benjaminpotron]

Thank you a lot ! But I still have a little problem. To get the focus on the input, you can click on his white part, but not on his label. Do you know how to fix that ?

[DaMu]

A lot of the CSS in here can be omitted by simply using HTML form and input attributes properly.

[Noone-clih]

I'm new to html and css may i know what is the purpose of the var and (--input-border) thank you in advance