Streaming live at 10am (PST)

Animate CMS collection items differently

Hi guys !
I have a question about collection lists & animating the items inside it.


On this page, the red line is animated on scroll. The first is animated correctly, but since it is part of the collection list that is duplicated underneath, is doesn’t animate the rest since the animation is already over.

Do you know how I could style collection items differently ?

Here’s the read-only link if you need (but the page in the designer is slightly different since I used custom code) : https://preview.webflow.com/preview/portfolio-marion?utm_medium=preview_link&utm_source=designer&utm_content=portfolio-marion&preview=15a40808becc5a8563c00c409e763e7e&pageId=5f7e45ddc43f124a5a534763&mode=preview

Thanks in advance,
Justine.

Hi Justine!

You will need to use a scroll into view ix in this case. Provided that you set the ix to item and not class, it will apply to each line as it enters. You will need to apply a good amount of offset 30-50% maybe.

Looking good

Hi Hamish :slight_smile:

It’s working, thanks a lot !