simonabrams Posted May 17, 2020 Share Posted May 17, 2020 Hi, I'm working on customizing some code for a client's website, and I need a little help tweaking some of the image block animation timing. I have the images fading in, using the built-in image block effects, but my client would like to have the images fade in one at a time - ie. a staggered animation. Unfortunately, the site hasn't launched, and is password-protected, so I can't share it. I was trying to do this using Greensock, but I'm not sure I was injecting the GSAP library correctly. Anyway, the image block animation is doing almost exactly what I want; I just want to be able to offset the fading in of subsequent images by a little bit. Is it possible to modify the built-in effects? Or is JS my best bet? If so, has anyone successfully injected GSAP into their Squarespace site? Thanks! Link to comment
BenWeeks Posted August 7, 2020 Share Posted August 7, 2020 Maybe this will help ? Make Stagger Reveal Animations for Text https://tympanus.net/codrops/2020/06/17/making-stagger-reveal-animations-for-text/ Link to comment
Ad7am Posted February 18, 2021 Share Posted February 18, 2021 On 8/6/2020 at 10:03 PM, BenWeeks said: Maybe this will help ? Make Stagger Reveal Animations for Text https://tympanus.net/codrops/2020/06/17/making-stagger-reveal-animations-for-text/ Have you gotten this to work on Squarespace? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.