Animated Gradients Examples

A few examples of animated gradients as described in our post, How To Add Animated Gradient Backgrounds In Squarespace.

 

5 seconds, ease, background 50% x 50%

 

5 seconds, linear, background 50% x 50%

 

10 seconds, ease, background 200% x 200%

 

20 seconds, linear, background 400% x 400%

 

10 seconds, cubic bezier, background 200% x 200%