Close

Minimal Material Design Form Input

This is an example of the input box which is subtle and can be used in any site with the animation used for the input text. Once you select the input field the label glides smoothly towards the top of the field and allows you to type the text, along with it the color of the text and border of the input field is also changed. The HTML is very simple with the class centered and group applied to the input and labels. All the animation and styling is taken care by CSS3. Once you click the label is transformed along the axis to glide upwards. The style also has the code to stop the chrome’s hideous pale yellow background color to be displayed while you do an auto fill. You can use this as an example to create contact forms. Source: https://codepen.io/kylelavery88/pen/adbzLQ

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published. Required fields are marked *