Interactive Image

Switch image shown on mouseover events

Morten Aamodt avatar
Written by Morten Aamodt
Updated over a week ago

The Interactive Image block is meant to give designers the option of showing of a second image which is hidden until triggered by a mouseover events. You add the two images by selecting bot a "Base Image" and a "Hover Image" which will replace the "Base Image" on mouseover events. A couple of scenarios where this can be a neat addition to your guideline could be;

  • When you want to show off small changes to a logo or icon to highlight differences.

  • Do's and don'ts as defined in the guideline.

  • From sketch to final design.

If you have questions or need help, contact us through the in-app chat in the system or by email.

Did this answer your question?