#2 how to make ion-card slide top to bottom in ionic 3?

You need to define the height of the card. Here is a quick option:

ion-card {
    min-height: calc(100vh - 80px);

But i want to slide the whole card from top to bottom and it will come up a new card. I don’t know it is called slide or swipe up. Help me out sir.

Trying to understand your interaction with the card.
Can you point to a real world sample?

Do you have a list of cards that you want to show, but don’t want the user scrolling through them, instead, they swipe up to bring in a new card?

I have number of cards. When I am going to swipe up a new card will come up.