Urgent Help Needed: Finsweet Attributes Animation Issue

Valentine M. so I see your attributes: fs-list-filteringclass = filtering But you mentioned in your message about that you are using the combo class is-list-filtering - the value above needs to match the combo class you are styling against. But the biggest reason this isn't working unless I'm missing it - is that this attribute does not come with any actual animations. This just simply provides the necessary class at the time of the action (filtering) and then you would need to have some CSS that would then actually do the animation. So for example - when somebody clicks on a button (filter) - this attribute then adds the class you specify (filtering) to the list wrapper. Then you'll use CSS to target that combo class: list-wrapper filtering You'd have to look up some CSS animation code or have Ai generate some for you, I don't have any handy at the moment. In theory, you could also create an empty div, add this filtering class to it, create the interactions in Webflow and target the class, and it may do the same thing but I'm not 100% sure on that.

I understand thank you - I didn't mean to do the animations with attributes, I just used is-list-filtering because I saw that in a video where they explained how to do animations with List filter - and I did the opacity animation in the designer panel This is the video that explained, and I just copied it: https://www.youtube.com/watch?v=JzpmkaqDx7E

so that's why im confused a bit

okay, that explains how you are getting the animation but your attribute doesn't match your class

so when you select list-wrapper and go to settings tab, at the bottom, you have filtering as a value. But you've targeted is-list-filtering combo class for the style changes. So change the attribute value to be is-list-filtering and in theory it should work Valentine M.

That worked, thank you so much!

Valentine M. no problem - glad you got it sorted!