DEV Community

loading...
Cover image for Floating Label Experiment

Floating Label Experiment

jonlehman profile image Jon Lehman ・1 min read

I put together this quick floating label experiment to see if there was an opportunity to improve upon many of the floating label patterns out there.

In the experiment I wanted to see if there was a way to emphasize the input label a bit more, especially when focused. Below is what I came up with. feel free to fork/remix the codepen and improve upon it as needed.

Or, if you'd like check it out on dribbble!

I figure this likely isn't an incredibly original direction but just wanted to share the experiment!


This experiment was originally posted on my personal site/block here.

Discussion

pic
Editor guide
Collapse
nightdvlpr profile image
Amir Rahimi

Great job!