Effects - ariel-fer/Araena GitHub Wiki

[[TOC]]

What are Effects

When to apply effects

Hover Effect

Hovering effects should be disabled when going below Desktop because hovering is not the same in mobile

  • Disabling effect if using Webflow interactions, and also making sure that if there were any elements hidden for appearing after hover, that these should start being visible.

  • If effects were done using Embedded code, make sure that css classes used to apply after hovering have a landscape and/or max/min-width constraint.

How to apply effects

Webflow interactions

Not recommended unless its a very simple solution to implement. Webflow usually has many limitations from their own solutions.

Embedded code

Follow the best practices found in Custom Solutions - Embedded code

⚠️ **GitHub.com Fallback** ⚠️