Animated float labels | Забавная анимация для меток

HTML
1
2
<main>
<h1>Стильная форма</h1>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CSS
1
2
/*basic reset*/
* {margin: 0; padding: 0; box-sizing:
    border-box;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
//breakdown the labels into single
    character spans
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login