Patrick McDaniel
 · Costco Enthusiast

Mastering Hover States

Elevate your interactivity with hover states! In this one-minute tutorial, we'll demonstrate how to make any element come to life when a user hovers over it. Whether you're working on buttons, images, or text, hover states add an extra layer of engagement to your Ceros content.

Step-by-step Instructions:

  1. Add the speaker’s photo 

  2. Draw a circle shape over the photo

  3. Group the speaker’s name text, circle shape, and photo together

  4. Hide the text and circle shape

  5. Add a hotspot over the speaker’s photo

  6. Apply an “On Hover” “Show” interaction to the hotspot

  7. Select the text and circle shape as the target, and click “Save Interaction”

  8. Repeat the process with the remaining speakers