CSS transition and transform animation issue.

I’m attempting to use a mix of CSS transitions and transforms to animate an icon on page load, and I’m not sure how to accomplish this. I’m able to use a hover or pressed variant to trigger the animation, however.

Ultimately, I want the same functionality shown in the video below but triggered automatically.

I believe you’ll have to add some CSS (animation and @keyframes), like in this example: https://codepen.io/robinrendle/pen/RPbaME

It’ll be awesome if/when they add the ability to create/edit animation within the Studio UI builder :grin:

that’s right :pensive: