Exploring BaseCreate Hover Button Play Showreel.

by Oluboba Oluwatosin

How to Achieve This:  → Create the Animated "PLAY SHOWREEL" Text: Type "PLAY SHOWREEL" five times in a row inside a frame, clip it to show only one instance, convert it into a Component, and create a Variant. In the second Variant, shift the text position to reveal the last "PLAY SHOWREEL." → Turn the First Variant into a Button: Take the first Variant and convert it into a button for interaction. → Hover Interaction: Create a 20x20 small box grid using Auto Layout, place it over the video/GIF inside the Desktop Frame, and set opacity to 0. Prototype each small box to trigger the button interaction (add more boxes if needed). → Prototype the Text Animation: Set the Trigger to "After Delay" (100ms), use "Smart Animate" with a Linear curve, and set the duration to 10,000ms. Apply this interaction between both text Variants. → Prototype the Button Hover Effect: Set the Trigger to "While Hovering," Action to "Open Overlay," Position to "Manual," and Animation to "Instant." Apply this interaction to all small boxes in the grid.