This is a pure CSS implementation of "Contact Me" form.
Buttons has a shade of skeuomorphism element. I used
box-shadow attribute, and set the value to
inset to implement this effect. When pressed, I just did a little trick to have an illusion that the button was pressed, by darkening the actual button, and removing the
box-shadow outside the button.
The background of the dialog itself has a glassy element, by blurring its backdrop using
backdrop-filter attribute. The effect can be shown, if the opacity of the dialog is little lower. It is to show the backdrop of the actual dialog element.
The labels of the text boxes has a "floating label" effect. I created this by using the
:not(:placeholder-shown) pseudo selector/element. The placeholder itself is not a
:placeholder. It is actually hidden from the sight. I actually used
<label> tag to implement this.
Icons by Font Awesome.