Hello,
I was writing this as a bug report, but after looking a bit more into the code, I found that by just adding “In” in my animation name it fixed my ‘issue’.
I added some custom animations using this article: How to add a custom animation in interaction – Bricks Academy
However, when using a custom animation, there is no opacity: 0 being applied to the animated block. Which causes an ugly flash of the content if its above the fold, because the opacity is still 1, before the animation is applied.
Long story short: my suggestions is to add into the article about custom animations; if you want a custom animation that will be used as an intro/reveal animation, add somewhere in your
animation name 'in'. So that this bricks CSS will be applied to your block:
.bricks-is-frontend .brx-animated[data-animation*="In"], .bricks-is-frontend :not(.brx-animated)[data-interaction-hidden-on-load] { opacity: 0; }
Thanks!