Made in Webflow

Play/Pause Interactions

site profile thumbnail


Enjoy this 100% native hack :) When you hover over the orbits, they rotate. When you click the stop button, they stop rotating. When you hover again, they continue where they left off. Step 1 - Create your hover interaction. Step 2 - Duplicate the interaction and set the rotation duration to 9999. Alternatively, you don't have to duplicate. You can create any interaction you like as long as they target the orbits and have the 9999 duration. That's what scrambles Webflow's logic.
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

More by Protocore Studio

See profile
View details
Rebuild → Playstation 4