Is it possible to style a form like this on Webflow?

https://www.warbyparker.com/login

Notice how when you click on the text field the placeholder moves up out of view.

Please let me know. Thanks! Best,

1 Like

This is possible to do. I would set the position of the field to relative and leave the placeholder text blank.
Then create a text block and give it an absolute position and give it a white background (or the same background as the field background) … pad it accordingly and set the hover effect to move it up using the position tool. Set a transition timer of 500-700ms.

Think that should get you far enough to get the rest :smile:

Oh and type the placeholder text into the text block.

Was bored so made a demo:
http://hamzster.webflow.io/
https://preview.webflow.com/preview/hamzster?preview=7784f9aa10c68ba6942cbcb63817682c

Dont have the time right now to make the remaining interactions but this should give you a good base to start on.

4 Likes