Stacking cards
Hey, does anyone have an idea how this card stacking effect (https://webisoft.com/) can be made? I used position sticky and a padding-top with a calc, but it affects the content "HEIGHT". Any ideas or what would be your approach?
Elite Team of Software Engineers. Leading Edge tech in Web2 and Web3.
Explore cutting-edge tech stacks with our elite software engineers, experts in Web2 and Web3. Click to discover how we're leading industry innovation!
3 Replies
Rather than padding-top, try using your calc() for the top position.
top: calc(var(--item) * 5rem);
and remove the top-0
from each card.thank you, i finally made it, is not the same but we are closer