How can I apply a transition effect to the icon of my Accordian?
I’m not using the Nestable Accordian, just the standard accordian.
I’m using Fontawesome Icon (not SVG).
Hello ! You could create a CSS class that created the transition of your icon (e.g., rotate, grow, etc.). Then in JS you can have it apply (or remove) the CSS class to the icon when the accordion is open/closed. You could also do this with Bricks interactions I believe. The standard accordion element in Bricks also lets you change the icon for the open/closed state and set a rotation and transition duration, if you only need something simple like a rotation transtion effect, for instance. Anything more complicated, you probably need CSS/JS.
selector detector active event
The transition duration applies to the expand/close of the container, not the icon rotation.
I want to set a duration time for the icon rotation but the option is not available in the bricks element settings, and I can’t figure out how to target the icon with CSS.