Hi guys,
I am working on an effect that when users click on the left and right arrows, it should rotate accordingly same like a horizontal image slider/carousel works. However, this one should have a stacking effect and I thought that the modifiers would be key to achieving this. I think I need to animate the y, scale and z-index so the values should always rotate to the following values:
y: -20, -10, 0
scale: 0.9, 0.95, 1
z-Index: 0, 1, 2
Can someone please help me understand what I am missing? I may not be understanding how modifiers works. Hope my CodePen makes sense.
Thanks in advance!