Animated Gradient Text on Squarespace

So you are looking for ways to get that wow factor on your Squarespace website?

Animations and colour gradients are a great way to spice up your website and catch your viewer's attention.

In this video, I show you how to use the CSS Gradient Animator by Ian Forrest to add some animated gradient coloured text to your Squarespace Website. The code used in the video is provided below.

 
 

The following code is used in the video in addition to the code from the CSS Gradient Animator.

<h1>This is some <span class ="colourful">colourful</span> text.</h1>     

Added CSS

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;   
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Before and After Image Slider in Squarespace 7.1

Next
Next

Resize Gallery Blocks for Mobile on Squarespace