101 lines
4.6 KiB
CSS
101 lines
4.6 KiB
CSS
/*
|
|
jQuery.mmenu effects extension CSS
|
|
*/
|
|
html.mm-effect-slide .mm-menu.mm-offcanvas {
|
|
-webkit-transition: -webkit-transform 0.4s ease;
|
|
transition: transform 0.4s ease; }
|
|
html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas {
|
|
-webkit-transform: translate3d(-30%, 0, 0);
|
|
-moz-transform: translate3d(-30%, 0, 0);
|
|
-ms-transform: translate3d(-30%, 0, 0);
|
|
-o-transform: translate3d(-30%, 0, 0);
|
|
transform: translate3d(-30%, 0, 0); }
|
|
html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas {
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
-moz-transform: translate3d(0%, 0, 0);
|
|
-ms-transform: translate3d(0%, 0, 0);
|
|
-o-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0); }
|
|
html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas {
|
|
-webkit-transform: translate3d(30%, 0, 0);
|
|
-moz-transform: translate3d(30%, 0, 0);
|
|
-ms-transform: translate3d(30%, 0, 0);
|
|
-o-transform: translate3d(30%, 0, 0);
|
|
transform: translate3d(30%, 0, 0); }
|
|
html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas {
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
-moz-transform: translate3d(0%, 0, 0);
|
|
-ms-transform: translate3d(0%, 0, 0);
|
|
-o-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0); }
|
|
|
|
html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
|
|
-webkit-transition: -webkit-transform 0.4s ease;
|
|
-moz-transition: -moz-transform 0.4s ease;
|
|
-ms-transition: -ms-transform 0.4s ease;
|
|
-o-transition: -o-transform 0.4s ease;
|
|
transition: transform 0.4s ease; }
|
|
html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
|
|
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-webkit-transform-origin: left center;
|
|
-moz-transform-origin: left center;
|
|
-ms-transform-origin: left center;
|
|
-o-transform-origin: left center;
|
|
transform-origin: left center; }
|
|
html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
|
|
-webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-moz-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-ms-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-o-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
transform: scale(1, 1) translate3d(0%, 0, 0); }
|
|
html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
|
|
-webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
|
|
-moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
|
|
-ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
|
|
-o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
|
|
transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
|
|
-webkit-transform-origin: right center;
|
|
-moz-transform-origin: right center;
|
|
-ms-transform-origin: right center;
|
|
-o-transform-origin: right center;
|
|
transform-origin: right center; }
|
|
html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
|
|
-webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-moz-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-ms-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-o-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
transform: scale(1, 1) translate3d(0%, 0, 0); }
|
|
|
|
html.mm-effect-zoom-panels .mm-menu .mm-panel {
|
|
-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
|
|
-moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
|
|
-ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
|
|
-o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
|
|
transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
|
|
-webkit-transform-origin: left center;
|
|
-moz-transform-origin: left center;
|
|
-ms-transform-origin: left center;
|
|
-o-transform-origin: left center;
|
|
transform-origin: left center;
|
|
-webkit-transition-property: -webkit-transform, left;
|
|
-moz-transition-property: -moz-transform, left;
|
|
-ms-transition-property: -ms-transform, left;
|
|
-o-transition-property: -o-transform, left;
|
|
transition-property: transform, left; }
|
|
html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened {
|
|
-webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-moz-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-ms-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
-o-transform: scale(1, 1) translate3d(0%, 0, 0);
|
|
transform: scale(1, 1) translate3d(0%, 0, 0); }
|
|
html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened {
|
|
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
-o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
|
|
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }
|