[How to make the small div that simulates a site changes to full viewport?]

10 minutes ago, alig01 said:

I'm not sure if you can always fit it perfectly, but I would try to create the other side first.

Then see what would be possible. Maybe move the elements in x/y direction or use transform-origin, but someone else is probably a better help here.

 

But definitely look around and get familiar with the library.

 

Good look.

By the other side you mean that I should create the small page first than scale down to fit it on png?

 

I was trying to go full vanilla. Because I thought scrollTrigger was a paid plugin.
 

I am going to take a look on it now.

[How to make the small div that simulates a site changes to full viewport?]

It's almost what I want, but is there a way to fit the small page perfectly into the viewport? I'd like to code another page inside.

But that's really good thanks.

[How to make the small div that simulates a site changes to full viewport?]

I'd like to make a similar effect, but I can't get the scale right.

 

https://www.thiagodesigner.com/

See the Pen LYrvpzd by iimatos (@iimatos) on CodePen