A pure CSS solution to create an animated placeholder and make it behave like a floating label above the input field when focused.
A CSS extension that lets you create Bootstrap 4 form controls with floating labels via the :placeholder-shown pseudo-element.
A CSS extension for Bootstrap 3/4 that provide the Matt D Smith’s Floating Label Pattern on the input placeholders for better form interaction.
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.
A pure CSS / CSS3 approach to building nice floating form labels using sibling selectors and pseudo classes.
A pure CSS/CSS3 solution made by mildrenben to create Material design inspired text fields that transform placeholders into floating text labels.
A pure CSS/CSS3 solution to create floating placeholder labels for input fields, which based on the concept from Matt D. Smith.
With pure CSS and CSS3 transitions, we can create animated & floating labels when a text field is populated with text.