Jump to content
Search Community

Zoom Out from a specific point of an object

bootstrap007 test
Moderator Tag

Recommended Posts



As you can see in the CodePen demo the red color box is doing a zooming out animation. Is there a way to do that the yellow circle's size should be 100% of the screen when the page load and then it zoom out to the actual size of the red box ?  And also, the zoom out animation should start from the yellow circle.



Thanks in Advance.


See the Pen GRJgNxz by bootstrap007 (@bootstrap007) on CodePen

Link to comment
Share on other sites

Hey bootstrap. Thanks for the demo.


I'm not understanding exactly the effect that you're wanting. 100% of the screen meaning inscribed inside of the viewport? or covering it completely so that you can't see red?


And what do you mean "the zoom out animation should start form the yellow circle"?


Maybe diagrams would be helpful in this case.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...