Create a Jquery animation like Flipboard popup

javascript jquery animation popup flipboard
user840801 picture user840801 · Aug 27, 2012 · Viewed 7.2k times · Source

I want to implement a Jquery/JS animation like the Flipboard popup animation.

When user clicks on an image, the image will expand to a certain size and its white background expands until it occupies the whole screen.

Once the animation is done the page content will be loaded. http://flipboard.com/

Any help regarding this will be appreciated.

Thanks a lot!

Answer

JamiePatt picture JamiePatt · Aug 27, 2012

Codrops did it a few months back, I can't really write out all the code for you here but give this article a read.

Related questions

How to run two jQuery animations simultaneously?

Is it possible to run two animations on two different elements simultaneously? I need the opposite of this question Jquery queueing animations. I need to do something like this... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); but to run …

Read More
jQuery animated number counter from zero to value

I have created a script to animate a number from zero to it's value. Working jQuery Not Working I now want to run the script several times on the page for each matching class. Below is what I am trying …

Read More
Scroll smoothly to specific element on page

I want to have 4 buttons/links on the beginning of the page, and under them the content. On the buttons I put this code: <a href="#idElement1">Scroll to element 1</a> <a href="#idElement2">…

Read More