Bricks Builder: Interaction Animations Tamed with a single Global utility class set.

This video revisits using Bricks Interactions to start animations, with overrides to tame/change the behaviour.
I use a single Bricks Global class set to keep animations consistent and usable.
GIST for current class:
gist.github.co...

[@jacalakie]

First time I've seen you guys, this is really brilliant work, thank you for sharing. Have now subscribed and will be looking at more very soon. Great work!

[@jasonwessel6379]

Thank you for sharing this with us!

[@michaelvandinther]

One of the better methods for working with native animations/ interactions. Wish list for Bricks. Global settings or something where I can change all interactions to run once. Absolute chore having to change this setting on every element.

[@obito-269]

thank you! 👍

[@peteharrison3241]

Great video. If the elements were part of a query loop, you could add a dynamic style attribute to achieve what you want. But isn1t there a way of targetting the element with nth-child(n) in the calc, I`m sure I saw another video doing something like that then you would not need a css statement for each timeline entry./ I`ll do some searching and see if I can find it.

[@wpeasy]

Yes with a loop you could add a variable with style. I wanted this to work more generically.
And, no, unfortunately you cannot use var or calc() in nth-child. i.e. :nth-child(var(--n-value) - will not work.