замедлить скорость анимации бокового меню в IONIC

Question

Когда мы начнем с нового ионного проекта с параметром «sidemenu» и запустим приложение, мы сможем просматривать боковое меню, когда когда-либо мы прокручиваем или нажимаем на переключатель меню кнопка.

Анимация хороша, когда мы нажимаем кнопку меню. Но я хочу замедлить скорость анимации для бокового меню. Поэтому, когда я нажимаю кнопку, боковое меню будет отображаться медленно.

Есть ли способ переопределить CSS по умолчанию или есть способ настроить скорость анимации бокового меню в IONIC? Если да, пожалуйста, помогите мне в этом.

http://codepen.io/rajeshwarpatlolla/pen/xGOwEv

<ion-side-menus> 

    <ion-pane ion-side-menu-content> 
     <ion-nav-bar type="bar-positive" 
       back-button-type="button-icon" 
       back-button-icon="ion-ios7-arrow-back"></ion-nav-bar> 
     <ion-nav-view name="menuContent"></ion-nav-view> 
    </ion-pane> 

    <ion-side-menu side="left"> 
     <header class="bar bar-header bar-assertive"> 
     <div class="title">Left Menu</div> 
     </header> 
     <ion-content has-header="true"> 
     <ul class="list"> 
      <a href="#/event/check-in" class="item">Check-in</a> 
      <a href="#/event/attendees" class="item">Attendees</a> 
     </ul> 
     </ion-content> 
    </ion-side-menu> 

    </ion-side-menus> 

Answer 1

Вы могли бы переписать весь правило CSS:

.menu-animated { 
    -webkit-transition: -webkit-transform 1500ms ease; 
    -moz-transition: -moz-transform 1500ms ease; 
    transition: transform 1500ms ease; 
} 

Или просто добавить:

.menu-animated { 
    -webkit-transition-duration: 1500ms; 
    -moz-transition-duration: 1500ms; 
    transition-duration: 1500ms; 
} 

Demo

• Try before buy the first version
• Try before buy the second version