How to create this kind of card bar?

[cvie (Celine)]

Hello

I have recently started using Webflow and am designing a website for a company. I want to describe their products features like Payfit does on their website with these cards you click on. However , instead of the “<” used, i want to put circles that get bigger when you click on them and with a faded text whenever it is unclicked (as shown in the image below).

I don’t know what this is called so I can’t find any tutorials. Any tips on how i can create it?

Inspiration

Objective

Thanks a lot

[memetican (Michael Wells)]

@cvie

I don’t know what this is called so I can’t find any tutorials. Any tips on how i can create it?

The UX element in Payfit is most commonly referred to as an accordion, because you see all of the headers, but the content expands/collapses as headings are clicked.

Sounds like you’re looking to build that, but with expanding bullets as some eyecandy.

Google “webflow interactions accordion”, that should steer you in the right direction.

[cvie (Celine)]

Thanks for your help! i’ll give it a look