I’ve created new app with ionic start --type angular ionic-5-sidemenu-starter sidemenu
.
I wanted to customize extra animation to menu items and so I added to global.scss
ion-menu-toggle > ion-item {
transform: translate3d(-50px, 0, 0);
}
.show-menu ion-menu-toggle > ion-item {
transform: translate3d(0, 0, 0);
transition-delay: .8s;
}
yet I see no effect even if I see the styles being applied.
Would appreciate any hints how to get this working.
My ultimate goal though is to use ionic 5 animation api to add/create extra animation effects - not sure if that is possible on top of regular css, or maybe there is animation api equivalent to be used and customized?