CSS Animations - Change Animation Direction

I’ve been playing around with animations to get more familiar with how they work and what they can do. I setup a small mock photo gallery on my codepen. I want the images to enlarge from their origin and cover the gallery but I can figure out how to change the direction of the animation(i.e up and left for the bottom right image). Is this possible with only CSS? Thanks!

If you do it using transform you can use transform-origin.

Here is an old pen I remembered I had

1 Like

Thank you for linking your pen, it was very helpful to me. I was able to recreate something similar with the images originating from the proper location. I used :active to initiate the animation because I am still learning JS and I didn’t want to just copy & paste what you had done without understanding it.