Jump to content

Animated color gradients

Recommended Posts

I found this tutorial about animated color gradients. I would like to add that to my website but because of my poor coding skills I'm not able to do it. Can you help me? I need step-by-step instructions. I guess there is some small thing I don't understand and this doesn't work at all.

Here is the tutorial:

And here is the gradient animator:

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

What elements are you trying to apply these gradients to? Blocks? Page backgrounds? 

What is your site URL and password (if applied)? 

The animation generator essentially creates everything you need. Simply paste the generated code into your Custom CSS and edit the ".CSS Selector" in the code to match the element you are targeting. You'll probably want to play around with the animation times in the code. (That's the 30s value in the code). 

You could probably find a good tutorial on finding the CSS selector for your desired element on a squarespace site with a quick google to start improving those skills! 

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.