Show & Hide Content on Hover

knlowledgeart

Show & Hide Content on Hover

Hover interactions allow you to reveal or hide layers or objects when the user hovers their mouse over your hotspot.

To add a hover:

  • Create a hotspot over the section you want a hover interaction
  • Select the hotspot and navigate to the Interaction Panel
  • Select hover as your trigger
  • Specify the action, which can be:
    • Show – when user hovers over hotspot, show selected layers or objects
    • Hide – when user hovers over hotspot, hide selected layers or objects
    • Show and Stay Visible – when user hovers over hotspot, show selected layers or objects and keep objects visible even when moving off hotspot
    • Hide and Stay Hidden – when user hovers over hotspot, hide selected layers or objects and keep objects hidden even when moving off hotspot
  • Choose the layers or objects you want to reveal or hide
  • Specify whether the area between the hotspot and target should also act as the trigger

Click here to upload a demo experience of the most common Ceros interactions directly to your studio.

Important Note: Mobile devices do not accept rollover interactions. Adding a secondary On Click > Toggle Layer action will ensure mobile users can still consume your content.