Menu

A currated repository of web design tools and resources that I use...

Morphing Modal Window

May 18, 2015 - Javascript
Morphing Modal Window

I have used this but I am really excited to try it. I will post back here when I use it.

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.

Categories: Javascript  Tags: ,

Daniel Posted by

Leave a Reply

Your email address will not be published. Required fields are marked *