To apply additional effects on the menu or the panels,
add the preferred effect name(s) to the extensions
option.
<script>
document.addEventListener(
"DOMContentLoaded", () => {
new Mmenu( "#my-menu", {
extensions: ["fx-menu-slide"]
});
}
);
</script>
Give it a go, change the options below and see how it affects the menu.
<script>
document.addEventListener(
"DOMContentLoaded", () => {
}
);
</script>
fx-menu-slide
fx-panels-none
fx-panels-slide-0
fx-panels-slide-100
The "effects" extension has no CSS variables.
Variable | Datatype | Default value | Description |
Include CSS | |||
$mm_include_effects | Boolean | true |
Whether or not to include CSS for the effects extension throughout the entire CSS framework. |
$mm_include_effects_menuslide | Boolean | $mm_include_effects |
Whether or not to include CSS for the "menu slide" effect throughout the entire CSS framework. |
$mm_include_effects_panelsnone | Boolean | $mm_include_effects |
Whether or not to include CSS for the "panels none" effect throughout the entire CSS framework. |
$mm_include_effects_panelsslide | Boolean | $mm_include_effects |
Whether or not to include CSS for the "panels slide" effect throughout the entire CSS framework. |
Next extension:
Fullscreen