Use Morph button for Login/Register options or Email in Person Box. After click on it will display form window and move to another place on the page.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<div class="ct-mbMorphButtonContainer ct-js-mbMorphButton ct-personBox-morph"> <button class="btn btn-motive ct-btn-rounded ct-hover--outlineOut"> <i class="fa fa-envelope cw-mail"></i> </button> <div class="ct-mbMorphButton-wrapper-outer"> <div class="ct-mbMorphButton-wrapper-inner"> <span class="ct-mbMorphIconClose"><i class="fa fa-times"></i></span> [content] </div> </div> <div class="ct-mbMorphButton-overlay"></div> </div> |
And script:
1 |
<script src="assets/less/ButtonComponentMorph/js/mbMorphButton.js"></script> |
See it in the action here