Pro 5.0.5 - Issue with Effects / Opacity

[Maratopia_Digital]

We’ve set up a looper that is configured to have the individual looper items fade in as we scroll down the page. This was working fine and as expected on Beta 1 and Beta 2, up to the point where we updated the theme to RC2 (and now, to Pro 5.0.5).

The base opacity in the Effects manager is set to 1.

This was set up with the effect Interaction -> Transform -> “Move” with a setting of translate(0px, -5px) and opacity of 1

Now, all our items that are supposed to have a little bit of a bounce on hover only become visible when they are hovered over.

We’ve discovered that if we set the base opacity to 0.99 the items do show as we’d expect them to - it’s only if the base opacity is set to 1 that the invisibility problem occurs.

Any advice would be much appreciated!

[friech]

Hi Chrisi,

Thank you for writing in, but sorry I can’t replicate the issue on my dev. Can you provide us login credentials in a secure note and the page where we can see the issue so we can take a closer look?

Cheers,

[Maratopia_Digital]

Secure notes saved.

It appears to be giving us this console error on the pages we are experiencing this issue.

[christian]

Hey @Maratopia_Digital,

JS doesn’t play a role in the issue. It’s purely CSS.

You need to have a start Transform like shown in the screenshot below.

Hope that helps.