# responsive-menu/3.1.12/public/css/animations/boring.css.twig

Responsive Menu – Create Mobile-Friendly Menu, version 3.1.12. 19 lines.

- Page: https://pluginprobe.com/plugins/responsive-menu/3.1.12/code/public/css/animations/boring.css.twig
- Raw: https://pluginprobe.com/plugins/responsive-menu/3.1.12/raw/public/css/animations/boring.css.twig
- Modified: 2018-01-17T18:00:36+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/responsive-menu/3.1.12/code/public/css/animations/boring.css.twig#L10-L20`.

```twig
.responsive-menu-boring .responsive-menu-inner,
.responsive-menu-boring .responsive-menu-inner::before,
.responsive-menu-boring .responsive-menu-inner::after {
    transition-property: none;
}

.responsive-menu-boring.is-active .responsive-menu-inner {
    transform: rotate(45deg);
}

.responsive-menu-boring.is-active .responsive-menu-inner::before {
    top: 0;
    opacity: 0;
}

.responsive-menu-boring.is-active .responsive-menu-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}
```