CSS missing? about ionic-side-menu-transform-3d

[sonicwong]

(fixed)

.pane.view{
    background-color: #000;
}

body.menu-open .side-menu-open{
    transform: translate3d(280px, 0px, 0px) scale(.9)!important;
    transform-origin: center center;
    -webkit-box-shadow: 1px 2px 11px 4px rgba(0,0,0,0.5);
    box-shadow: 1px 2px 11px 4px rgba(0,0,0,0.5);
}

[Gokul299210]

body.menu-open ion-side-menus, body.menu-open ion-side-menu{
background: #000000;
}

This is working perfectly. But when i close the menu white background is appeared for a second.

[sonicwong]

@Gokul299210 use this one (remove "body.menu-open")
.pane.view { background-color: #000; }

You can add this to slow down the animation to check if it work correctly:
.menu-animated { -webkit-transition-duration: 3000ms; -moz-transition-duration: 3000ms; transition-duration: 3000ms; }