Jump to content

Animate a block to fade in upward

Recommended Posts

Site URL: https://www.jeremymillerfsa.com/engagehon

Password for unlinked page: millersiteenghon

Hello– I'm wondering if it's possible the animate the images & text blocks on this page: https://www.jeremymillerfsa.com/engagehon

Specifically, I'd love for them to:

a) move up about 50px

b) change from 0 to 100 opacity while moving 

c) delay the start of the animation X amount of seconds

Thanks!

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi @camfont, this looks like you want the slide animation which occurs on load, and is delayed  to happen to all blocks as you scroll down the page. If this isn't what you're looking for can you explain more about when and how you want the animations to happen?

image.thumb.png.41c1bcbec0777ee02dddfdab682e910c.png

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

Hi @ziggy– I do have animations on load set sitewide, but for this particular page I want to control the animation more specifically. The items near the top of the page load quickly because there's no scrolling involved, so I want to animate them more dramatically and delay thema bit so that they are more noticeable. So:

– Load page and first title (Engagements)

– A second or so later, load first text block and image with a fade up

– Same for the 2nd text block

Then I'll see how works as we scroll down the page.

Thanks!  

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.