Add Button Hover Effects

You can add simple hover effect to button objects to help site users visualize their selection of buttons on the page.

Add Hover Effects to a Button

First, create a button object.

1. Select the button object.
2. Within the editing menu you will see the “Normal” and “Hover” tab to adjust how the button will look in each state.
3. Select the “Hover” Tab.
4. Adjust the style of the button to how you would like it to appear when hovered over.
5. Click Save to save the changes to the page.
6. Click View live to see your button and hover effect in action.

For advanced hover effects, follow the hover.css walkthrough.