Currently, I am working on an animation for my web application. More specifically, I am looking to scale certain elements using CSS3 with the scaleY(0.5)
property. These elements are arranged in a vertical list, and I want to ensure that they do not take up unnecessary space. Can you suggest a way to achieve this without having to use a wrapper element?
I am aware of a solution involving the use of a wrapper that surrounds the scaling elements and assigns new heights to them. However, I am curious if there are any simpler alternatives that you may be familiar with. Any suggestions would be greatly appreciated!