You are here

Home » API reference » Mobile sliding menu 7.3

effect-menu-slide.css in Mobile sliding menu 7.3 

/* mm-effect-menu-slide */
.mm-menu.mm-effect-menu-slide {
  transition: transform 0.4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
  transform: translate3d(-100%, 0, 0);
}
html.mm-opening .mm-menu.mm-effect-menu-slide {
  transform: translate3d(0%, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
  transform: translate3d(100%, 0, 0);
}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
  transform: translate3d(0%, 0, 0);
}

File

extensions/effects/effect-menu-slide/styles/effect-menu-slide.css
View source 
  1. /* mm-effect-menu-slide */

  2. .mm-menu.mm-effect-menu-slide {

  3.   transition: transform 0.4s ease;

  4. }

  5. 

  6. html.mm-opened .mm-menu.mm-effect-menu-slide {

  7.   transform: translate3d(-100%, 0, 0);

  8. }

  9. html.mm-opening .mm-menu.mm-effect-menu-slide {

  10.   transform: translate3d(0%, 0, 0);

  11. }

  12. html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {

  13.   transform: translate3d(100%, 0, 0);

  14. }

  15. html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {

  16.   transform: translate3d(0%, 0, 0);

  17. }