What is this effect called? 'Grow/shrink'? 'Fly-out/fly-in'? ...

Question

Hi all,

I have seen links that open modal windows AND have a nice animation effect that create the illusion that the window grows out of the link clicked. On closing the window a similar animation shows that the window shrinks and disappears in the link which originally opened it. I remember I saw it on some jquery page but don't remember where and don't know what this effect is called.

Have you seen this? Examples?

Answer 1

I think it is actually called "grow" and "shrink".

Here's an example: http://www.malsup.com/jquery/cycle/grow.html

Answer 2

Sounds like a custom animation using the .animate() function, probably expanding height and width.

Answer 3

Could it be a lightbox perhaps?

Answer 4

nyroModal has a similar grow/shrink animation when you click links, but it doesn't fly out of the link you clicked if that is what you mean

you can check it out at http://nyromodal.nyrodev.com/

Answer 5

The page featuring this is part of interface package by Stefan Petre. The author, in code, calls the effect TransferTo and the helper could be found in source in ifxtransfer.js file.