Ads

Thursday, 29 January 2015

Morphing Modal Window

morphing-modal-window

Morphing Modal Window is a call-to-action button that animates and turns into a full-size modal window.
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.
With this nugget we wanted to spice-up the way we fire the modal window: the button that triggers the action animates and turns into a full-width new page. We tried something similar with the product quick view nugget.
The final result is powered by a combination of CSS transition and transformations, jQuery and Velocity.











No comments:

Post a Comment