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.