Ghost Plugins

View Original

Animated Gradient Buttons

See this gallery in the original post

Look Demo

Add an animated gradient color style to any button block. This plugin uses css editor and works with all template families.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

See this content in the original post

Customize

Change the background color values to the colors of your choice.

The code works for the medium button block. If you want to modify a small or large button, replace .sqs-block-button-element--medium with .sqs-block-button-element--small or .sqs-block-button-element--large.

Do not change any values to the Animation Keyframes.


See this gallery in the original post