Trigger Effects on Click Instead of Hover

Is it possible to trigger the effects transformations/animations on click instead of on hover? I’m wanting to make a section that has various animations fire when you click specific elements instead of when you hover over them. I’m wondering if there is a way to change the default behavior for the new effects menu globally for the entire site. Is this possible? Seemingly, there would be a way to change it with javascript by changing how the interaction class gets added.

Hey @celement,

Regretfully, Click is not an option to trigger the effects. But, I’ll post this in our tracker as a feature request so this might be taken into consideration in future releases.

Thanks.

Hi @celement,

I saw this feature request, and regretfully there isn’t a way to do this even with custom code. Much of the effects system is based on :hoverCSS selectors.

With custom code there are ways to force effects to be active. The presence of an x-active class (could be added numerous ways with custom PHP or Javascript) will enable them, but there isn’t a way to disable the :hover selectors. This limits customizations to force effects to be enabled when you aren’t hovering, but not get into the realm of triggering them on click.

It wouldn’t be easy for us at the moment to make this possible. We won’t rule it out, but unfortunately I don’t foresee this being something we implement in the near future.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.