%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/css/plugins/menu/mmenu/extensions/effects/ |
Current File : /home/opti/workflow/src/public/app-assets/css/plugins/menu/mmenu/extensions/effects/jquery.css |
/* jQuery.mmenu effects extension CSS */ .mm-menu.mm-effect-menu-zoom { transition: transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-zoom { transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform-origin: left center; } html.mm-opening .mm-menu.mm-effect-menu-zoom { transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform-origin: right center; } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-slide { transition: transform 0.4s ease; } html.mm-opened .mm-menu.mm-effect-menu-slide { transform: translate3d(-30%, 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(30%, 0, 0); } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { transform: translate3d(0%, 0, 0); } .mm-menu.mm-effect-menu-fade { opacity: 0; transition: opacity 0.4s ease; } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity: 1; } .mm-menu.mm-effect-panels-zoom .mm-panel { transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform-origin: left center; } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { transform: translate3d(-100%, 0, 0); } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li { transition: none 0.4s ease; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(1) { transition-delay: 50ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(2) { transition-delay: 100ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(3) { transition-delay: 150ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(4) { transition-delay: 200ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(5) { transition-delay: 250ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(6) { transition-delay: 300ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(7) { transition-delay: 350ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(8) { transition-delay: 400ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(9) { transition-delay: 450ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(10) { transition-delay: 500ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(11) { transition-delay: 550ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(12) { transition-delay: 600ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(13) { transition-delay: 650ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(14) { transition-delay: 700ms; } .mm-menu[class*="mm-effect-listitems-"] .mm-listview > li:nth-child(15) { transition-delay: 750ms; } .mm-menu.mm-effect-listitems-slide .mm-listview > li { transition-property: transform, opacity; transform: translate3d(50%, 0, 0); opacity: 0; } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li { transform: translate3d(0, 0, 0); opacity: 1; } .mm-menu.mm-effect-listitems-fade .mm-listview > li { transition-property: opacity; opacity: 0; } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li { opacity: 1; } .mm-menu.mm-effect-listitems-drop .mm-listview > li { transition-property: opacity, top; opacity: 0; top: -25%; } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li { opacity: 1; top: 0; }