Staggered Animation with CSS Calc

[R2bEEaton]

Just a cool thing I did with Custom Style and an Embed Element.

Browser Compatibility for CSS Calc

I wanted some custom table buttons to animate in a staggered fashion, and I found a cool way to do so, especially since my table already had a convenient column to use for the order I wanted them to animate.

Create a CSS calculation (see compatibility above) for animation-delay which involves the order number you want.

Then, add an Embed component and add your animation as desired!

Hope this helps!

You can also use other variables in the Style tab for things like background color or anything you want!