Current state
This commit is contained in:
100
public/legacy/js/mmenu/dist/css/extensions/jquery.mmenu.effects.css
vendored
Normal file
100
public/legacy/js/mmenu/dist/css/extensions/jquery.mmenu.effects.css
vendored
Normal file
@@ -0,0 +1,100 @@
|
||||
/*
|
||||
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); }
|
||||
Reference in New Issue
Block a user