Add animation to single collection item

Hey guys!

I know it requires custom code to animate single items in a collection, but can’t really figure it out. I would like to add a hover effect to each collection item, but only the one being hovered should animate. Would appreciate some help!

You could:

• Add a field to the collection (e.g. switch) and fill / toggle that field only for the item\s you’d like to animate.

• On the page with the collection element, duplicate the content within the collection item. This will show two instances of each item content.

• Add the interaction to one of the instances

• Now add a collection filter to the two instances, making one instance show when the interaction field is set, the other one when the field is not set.