Animating an object - Growing/shrinking
I just wanted to ask if anyone has any ideas on how to animate an object so that it grows or shrinks (ideally a certain percentage) after pressing a button.
So for example, object A is 30px high and wide, the learner presses a "grow" button and the object grows in size by 10px, so it's now 40px high and wide. The learner can then press the "grow" or "shrink" buttons to take it to 50px or back to 30px.
It can easily be done using states with no animation, but I'd really like for it to look like it's growing/shrinking using animations if possible.
I'd imagine it can be done using JS/CSS, but if anyone has any ideas then please let me know.