Forums

I am using Anim to animate certain elements in a document.

I have setted the final positions of the elements in CSS, so that if the user does not have Javascript enabled, he will just see the page without any animations.

I have a div called content that is aligned in the middle of the page using top: 50% and left: 50%.

This way, no matter what happens, when the window is resized, the content div is centered horizontally and vertically.

This is the code I am using:



The problem is that while the animation works properly, once the animation ends, the "top" property is set to a pixel amount and not 50%. This causes the content div to not be centered vertically when the window is resized.

I have tried setting the final top property to '50%' manually, but the animation does not give the intended effect.

Is there anyway to get the div centered vertically after the animation with only CSS?

Thanks.

That's what I ended up doing