Morphing Modal Window

Advertisement

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.

morphing-modal-window-featured

Demo    Download