search

phanthinh / Ionic-Side-Menu-Transform-3D

Ionic Side Menu Transform 3D
5 stars 3 forks source link

CSS missing? #1

Open enricodeleo opened 8 years ago

enricodeleo commented 8 years ago

I think this repo lacks the css needed to obtain the effect

sonicwong commented 7 years ago

(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 commented 7 years ago

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 commented 7 years ago

@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; }