Home / Animation / Morphing Modal Window
Morphing Modal Window

Morphing Modal Window

Download Demo
  • Overview
  • Documents
User Rating: 3.5/5 ( 4 votes)
Your Rating:

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.

Source: codyhouse.co

Scroll To Top