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. Head to the action page Here
  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. Head to the action page image color tint action page Here
  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. 
User Icon

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!