Ionic 3 Sliding Button

Question

I need to apply the slider effect with these buttons. I have the following html:

<ion-row class="row-two-button">
   <ion-col class="button-group">
     <button ion-button round color="secondary" [ngClass]="{dark: travelDestinationA, light: travelDestinationB}" (click)="changeDirectionTravel()">
       <ion-icon name="md-bus"></ion-icon>
         Centro
     </button>
     <button ion-button round color="secondary" [ngClass]="{dark: travelDestinationB, light: travelDestinationA}" (click)="changeDirectionTravel()">
       <ion-icon name="md-bus"></ion-icon>
         Bairro
     </button>
   </ion-col>
</ion-row>

I need to do the slide effect on scss. I’m using Ionic 3.

If it doesn’t work with my html code, how can I do it with another type, a div or something like ?

When sliding, it is also necessary to perform a function in angular 2 or angular 4