Tint an Image's Color when Hovered Over

When images are used as links, a popular effect is to have the image’s color tint when hovered over to emphasis that it is clickable.

Add an on Hover Color Tint Effect to an Image

1. Select an image on your page.
2. Using the color tint feature, apply a tint to your image.
3. Open the image color tint action.
4. Follow the steps to drag the action file onto the page.
5. Click Save and View Live to see your color tint on hover effect in action.

Remove an on Hover Color Tint Effect from an Image

1. Open the image color tint action.
2. Follow the steps to drag the remove effect action file onto the page.
3. Click Save and View Live to confirm the effect has been removed.