<Anime
style={{
display: 'flex',
flexDirection: 'column',
backgroundColor: 'lightgrey',
alignItems: 'left',
width: '160px',
height: '115px',
}}
config={{
translateX: [-35, 0],
scale: [0, 1],
loop: true,
delay: anime.stagger(100, { start: 200 }),
easing: 'spring(1, 80, 13, 0)',
}}
>
<div
style={{
backgroundColor: '#f1f1f1',
width: '150px',
margin: '5px',
padding: '5px',
}}
>
Transit
</div>
<div
style={{
backgroundColor: '#f1f1f1',
width: '150px',
margin: '5px',
padding: '5px',
}}
>
Food
</div>
<div
style={{
backgroundColor: '#f1f1f1',
width: '150px',
margin: '5px',
padding: '5px',
}}
>
Events
</div>
</Anime>