Stacking Cards with Sticky Header

Scroll down to see the sticky header effect

Stacking Cards Animation

Scroll down to stack the cards. Scroll back up to unstack them.

  • Card One

    This is the content of card one. Lorem ipsum dolor sit amet consectetur adipisicing elit.

    card-one

  • Card Two

    This is the content of card two. Lorem ipsum dolor sit amet consectetur adipisicing elit.

    card two

  • Card Three

    This is the content of card three. Lorem ipsum dolor sit amet consectetur adipisicing elit.

    card three

  • Card Four

    This is the content of card four. Lorem ipsum dolor sit amet consectetur adipisicing elit.

    card four

Header is gone - End of stacking section