Signup Form 3D FLIP Animation | GoSnippets snippets

Loading…

Signup Form 3D FLIP Animation | GoSnippets snippets | GoSnippets

Source Code

1<div id="app" data-state="home">
2
3  <div class="promo-text">
4    <h2>GoSnippets</h2>
5
6    <p>Lorem ipsum Integer quis massa ut lacus viverra pharetra in eu lacus. Aliquam tempus odio adipiscing diam pellentesque rhoncus. Curabitur a bibendum est. Mauris vehicula cursus risus id luctus.</p>
7  </div>
8
9  <form>
10    <div data-flip class="background">
11      <div class="background-inner"></div>
12    </div>
13    <div data-flip class="plant">????</div>
14    <div class="inputs" data-show="form">
15      <h2>Sign up to download snippets</h2>
16      <input type="text" name="" id="" placeholder="Name">
17      <input type="email" name="" id="" placeholder="Email">
18      <textarea name="" id="" cols="" rows="4" placeholder="Whatever you're feeling"></textarea>
19    </div>
20    <button id="signup" data-flip>Sign Up</button>
21  </form>
22</div>

Signup Form 3D FLIP Animation | GoSnippets snippets

Source Code

More Forms snippets

Comments(0)