This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.The main idea here is the button that triggers the action animates and turns into a full-width new page.
The final result is powered by a combination of CSS transition and transformations, jQuery and Velocity.
[gpp_button color=”blue” url=”http://codyhouse.co/demo/morphing-modal-window/index.html” title=”Morphing Modal Window” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”http://codyhouse.co/gem/morphing-modal-window/” title=”Morphing Modal Window” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]
