Floating Labels

Demo for a CSS-only ADC 2.0 proposal for open-ended & numeric questions.

Preview

Possible variables to be open to the end-users

• Input label color
• Input label font size
• Input label transition timing, duration & delay
• Input width

Known issues

This demo was successfully tested in Chrome, Firefox & Safari. Because it relies on CSS transitions for the input placeholder, IE9 and below won't render this very nicely ;)