laplage

@Rodrigo It works so well, thanks a lot for your help. Never would have thought to separate the animations, so neat Nicolas

Hi @mvaneijgen thanks for your message. I'm trying to make the Logo zoom through the revealing the wood texture underneath. Like if the camera was zooming-in and through the Logo. For that the "camera" has to go through the mask. I'm targetting this point in the mask https://share.cleanshot.com/cPNLS4GRL0r8zYhl7NPS The size factor doesn't seem to be a problem, the mask is growing correctly. The animation is first scaling with a transform-origin too low, and then recalibrating to the right one, and I don't understand why. The equation used doesn't seem to be the same, the question is why, or how can I control it ? About the idea to use an inverted SVG Logo, I would have to have a huge one, with an external white space, and an internal logo, that would still have to grow. The mask seemed a better idea. Nicolas

Hi, I'm working on an animation, using maskSize and maskPosition that are causing me some problems. The maskPosition doesn't seem to be animated proportionally to the timeline. Can you point a problem in my CSS or JS ? Thanks a lot for your help. Nicolas

Sorry for this late reply. First thanks a lot for all your answers. I used normalizeScroll and anticipatePinand this helped smoothing the behavior. Nicolas

Hi, Thanks a lot for this help and clarification. The "ignoreMobileResize" config property seems to help with the Text animation, not much with the slide being pinned late or not as quick as I would have imagined from the examples I've checked. Nicolas

Hi, I've created a vertical slide animation, with pinned images and text blocks appearances Y transforms. On Desktop, Chrome, Firefox and Safari everything works perfectly, but on iOS with Safari and Chrome the pinning is set late, and the text animations are slow.. Here is the website preview URL we published https://lyoncasting.dodev.stereoweb.fr/ And the source code "powering“ it https://gist.github.com/nicolasbinet/f38de716b131d634394a77a00f248efb If anyone has any idea ... thanks a lot in advance. Nicolas