Custom button hover animations
Effective call to action buttons are a great way to boost engagement with your visitors. With SquareKicker you can take your Button animation to the next level.
Here's how it is done.
- In Squarespace edit mode select the Button Block.
- Click the SquareKicker icon.
- Click the yellow lightning bolt in the top right corner.
- The lighting bolt will turn blue indicating you are in hover mode. Any changes made in this window will be applied when the cursor hovers over the Button.
You can adjust the follow Button designs on Hover.
- Font
- Background
- Border
- Shadow
- Position
- Effects
- Visibility
TIP: As you toggle the hover mode on and off (lightening bolt), you can see what will occur when you hover over the image.