Where to put my force3d?

[LimitlessDigital]

Hi,

 

Where do I need to put my force3D, i tried on the timeline, on the .to and on the defaults. But I still get translate instead of translate3d.

 

Thanks in advance.

 

 

 

[GreenSock]

It looks like it's working correctly. Did you notice that there's a translate3d() after the percentage-based transforms? That's how it's supposed to work - the percentages are in a regular translate() and then if force3D is enabled (it is by default) it'll also add the non-percentage based ones in a translate3d() after that. See what I mean? 

[LimitlessDigital]

7 minutes ago, GreenSock said:

It looks like it's working correctly. Did you notice that there's a translate3d() after the percentage-based transforms? That's how it's supposed to work - the percentages are in a regular translate() and then if force3D is enabled (it is by default) it'll also add the non-percentage based ones in a translate3d() after that. See what I mean? 

Okay, but it seems to lack a little performance .. Can you check? https://uebler.netlify.app i'ts on the homepage the images.

[Rodrigo]

Hi,

 

As Jack mentions GSAP is working as expected and applying the transforms and the 3D transforms as well in order to pass everything through the GPU. The issue could be the size and weight of your images. It seems that you are using Nuxt for your site so perhaps take a look at this plugin:

https://image.nuxtjs.org/

 

Or optimize the images by hand (it's just three so is not a lot of work). I normally rely on tinypng for that:

https://tinypng.com/

 

Hopefully this helps.

 

Happy Tweening!