Pure CSS Floating Labels For Text Fields
With pure CSS and CSS3 transitions, we can create animated & floating labels when a text field is populated with text.
JavaScript & CSS Label Input
Animated Input Labels with Pure CSS/CSS3
CSS/CSS3 (SASS) based animated text labels floating above the input text field when the user starts typing, following the famous Float Label Pattern.