SaberHosneyDev

Aha sorry for the trouble, What I want is one element expands to take the full page while everything else in the page stays the same. Yes, I'm currently testing it Exactly example (note: you may need to decrease browser zoom level to 50% to be able to see the controls, at least I needed to do that on my monitor) In this example you can click on any of the images -> it will expand to take the entire area -> you can now press the X button on bottom of the page to get out of the "expanded" mode, and you can click on another pic. You can see that only that div is being expanded while the rest of the page is unaffected. That's exactly what I'm trying to make.

Well not the entire page but that what came to my mind at that time to achieve zoom-in effect. After reading your answer, I tried searching google for animating zooming-in to coordinates and the closest thing I have found to what I'm trying to achieve and what you have mentioned is this answer https://greensock.com/forums/topic/16111-zooming-into-a-bitmap/?tab=comments#comment-70850 that's exactly what I'm trying to achieve but without the SVG part. I have no problem to keep testing to find the correct offset to center the element on the page but I didn't understand using the "offset" where? what tool I should be using, animating what. I'm very thankful if you can put me on track, because I feel really confused. Also I'm not really trying to "scale" it up I just used that for demonstration, I would settle with anything else that can achieve the goal

Hello, I'm trying to make an animation where when a user clicks on a button it will zoom in into a specific element on the page, kinda make it takes the whole page, I tried to manipulate the width and height but that breaks the design, I also tried ExpoScale/Linear Ease but that just makes the element bigger its more usable with images rather than elements. So any suggestions on how can I zoom-in into the element instead of making it bigger?