Animated Floating Input Placeholder In Pure CSS
A pure CSS implementation of the float label pattern that moves the placeholder to the top of the input field while typing. Inspired by Gmail login page.
Create Bootstrap 4 Form Controls With Floating Labels
A CSS extension that lets you create Bootstrap 4 form controls with floating labels via the :placeholder-shown pseudo-element.
CSS Only Floating Label For Form Fields
Yet another pure CSS implementation of the ‘Float Label pattern that floats the label up above the form field when the user starts entering a value.
Nice Animated Input Labels with Pure CSS
A pure CSS / CSS3 approach to building nice floating form labels using sibling selectors and pseudo classes.
Pure CSS Floating Labels For Input Fields
A pure CSS/CSS3 solution to create floating placeholder labels for input fields, which based on the concept from Matt D. Smith.
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.