Float label

From Level Access Web Labs
Revision as of 21:15, 28 February 2020 by Mevan (talk | contribs) (cross-link)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

example

A Pen By: James Thomas Almond

.form-textbox:focus ~ .form-label,
.form-textbox:valid ~ .form-label {
top: -1.5em;
left: 0;
font-size: .8em;
...}

CSS transitions
Form label placeholders


See also: Label Moved On Focus