Scaling with css3 in a way that it is not occupying old space

I'm doing an animation on my web app. I actually want to scale some elements with CSS3 scal开发者_JS百科eY(0.5). The elements are in a vertical list, so I don't want them to occupy old space? How can I acheive that?

I know a solution using wrapper that wrap around the scaling elements and assign new heights to them, but are there any easier solutions that you know?

Use a wrapper with overflow:hidden if you want to restrict it to absolute space...