Jump to content

Have block slide in when the block is in view to the user

Recommended Posts

https://spinach-garlic-mbfs.squarespace.com/book-a-strategy-session

password is 1234 

Hi! I want the grey squares to slide in, I have them working, but is there a way to have them slide in on view, right now it happens instantly so it is easy to miss the animation thanks!

current code:

div#block-yui_3_17_2_1_1709914208494_4043  {
  animation: 3s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}

div#block-yui_3_17_2_1_1709914208494_4043  {
  animation: 3s slide-right;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0%;
  }
}

Screen Shot 2024-03-08 at 5.24.02 PM.png

Screen Shot 2024-03-08 at 5.24.19 PM.png

Link to comment
  • Replies 1
  • Views 990
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi,

I can code this solution for you for a certain price.
Message me if you are interested

Link to comment

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.