Как формируется эта форма?

Question

Я пытаюсь выяснить, как форма, как это строится/стилизованную (CSS Javascript?):

Его можно найти в самом низу http://www.masterdynamic.com/

Я хочу сказать, что это сделанные через какую-то библиотеку Javascript, но могут быть совершенно неправильными. Я пробовал проверять с помощью Chrome Dev Tools, но не мог получить четкого представления. Не совсем уверен, с чего начать с моделирования чего-то вроде этого (или даже того, что искать, все усилия привели меня к нормальным формам).

Любая помощь была бы принята с благодарностью.

Спасибо!

Answer 1

Вот HTML и CSS:

<input type="text" name="email" placeholder="Enter Email" 
dir="auto" aria-label="Email " title="" autocomplete="off"> 

form input[type=text] { 
    width: 80%; 
    color: #b1aca1; 
    padding: 10px 10px 10px 0; 
    font-family: blenderthin,Verdana,sans-serif; 
    font-weight: lighter; 
    font-size: 3rem; 
    border: 0; 
    background-color: transparent; 
    outline: 0; 
    display: inline-block; 
    vertical-align: bottom; 
}