Create account design with Placeholders | Pure CSS

Loading…

Create account design with Placeholders | Pure CSS | GoSnippets

Source Code

1<div class="form">
2  <div class="title">Welcome</div>
3  <div class="subtitle">Let's create your account!</div>
4  <div class="input-container ic1">
5    <input id="firstname" class="input" type="text" placeholder=" " />
6    <div class="cut"></div>
7    <label for="firstname" class="placeholder">First name</label>
8  </div>
9  <div class="input-container ic2">
10    <input id="lastname" class="input" type="text" placeholder=" " />
11    <div class="cut"></div>
12    <label for="lastname" class="placeholder">Last name</label>
13  </div>
14  <div class="input-container ic2">
15    <input id="email" class="input" type="text" placeholder=" " />
16    <div class="cut cut-short"></div>
17    <label for="email" class="placeholder">Email
18  </div>
19  <button type="text" class="submit">submit</button>
20</div>

Create account design with Placeholders | Pure CSS

Source Code

More Forms snippets

Comments(0)