Animation for ion item on swipe

Ionic Framework ionic-v3
1

Hi,
I have an ion-item.
I am doing swiping on that,
Now I want to perform sliding animation whenever it is swiping animation.
How to do it.
So please help.
Below is my code.

<ion-list can-swipe="true"> 
        <ion-item-sliding *ngFor="let mes of message ;  " #slidingItem style="padding-left: 1px;padding-right: 10px;"
         (ionSwipe)="reply(mes)" (ionDrag)="logDrag(slidingItem,mes)"  >

         <ion-item style="white-space: inherit" no-lines>

             
              <ion-label text-wrap style="margin: 1px 1px 2px 0;"> 
             
                <ion-card-content *ngIf="user!==mes.msgTo" class="category-concept-card  chat-bubble left line-ht-sth"  
                style="  font-size: 0.9em;" > 
                  <span style="color:#75b11a;"><b>{{getUserName(mes.msgTo)}}</b></span>
                        <div [innerHTML]="mes.msg" class="category-description" style="color:#000;"></div>
                   
                                       
                  <ion-row align-items-center style="margin-left: -7px;">
                      <ion-col  size="7" size-lg offset="7" style="padding:0px;padding-left: 6px;">
                            <p class="category-description" style="color:#000;font-size: 1.1rem;" >
                              {{mes.createdOn| date :'medium'}} </p>
                          </ion-col>    
                    </ion-row> 
                    </ion-card-content>

                    <ion-card-content class="category-concept-card  chat-bubble right line-ht-sth" 
                    style="padding: 5px 5px 0px 5px;font-size: 1.1rem;"> 

                      <div [innerHTML]="mes.msg" class="category-description" style="color:#000;line-height: 1;"></div>                  
                                     
                <ion-row align-items-center style="margin-left: -7px;">
                    <ion-col  size="7" size-lg offset="7">
                          <p class="category-description" style="color:#000;font-size: 1.1rem;" >
                                   {{mes.createdOn| date :'medium'}} </p>
                        </ion-col> 
                  </ion-row> 
                  </ion-card-content>
                     </ion-label> 
                                   </ion-item>  
           <ion-item-options side="left">
            <button  (click)="removeItem(item)"><ion-icon name="arrow-up"></ion-icon> reply</button>
           </ion-item-options>
        </ion-item-sliding>
     </ion-list>

So please help me.

How to perform animation for this.