Комментарий #9584901

animeshnik_ALT
Анимация открытия submenu
Так же анимации можно использовать вместе
Первый вариант
Автор: /Bang Адаптатор: /animeshnik_ALT
скрины
Вставляем этот импорт:
/* Анимация открытия submenu */
@import url(https://raw.githubusercontent.com/ALTaww/Shikimori-submenu/main/code.css);
альтернативная анимация + анимация поиска
/* Анимация submenu (можно менять длительность (0.7s))*/
.l-top_menu-v2 .menu-dropdown.active .submenu, .l-top_menu-v2 .global-search .search-results {
  animation: 0.7s submenu linear;
}
/*Убираю образовавшийся скроллбар*/
@media screen and (min-height: 720px) {
  .menu-dropdown.main .submenu::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (min-height: 460px) {
  .menu-dropdown.profile .submenu::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (min-height: 240px) {
  .l-top_menu-v2 .global-search .search-results::-webkit-scrollbar {
    display: none;
  }
}
/* Анимация submenu */
@keyframes submenu {
  from {
    max-height: 0px;
  }
  to {
    max-height: 100vh;
  }
}
Хочу отключить анимацию на телефоне
Для анимации от /Bang
@media screen and (max-width: 767px) {
  .menu-dropdown .submenu a {
    transition: none !important;
  }
}
Для альтернативной анимации
@media screen and (max-width: 767px) {
  .l-top_menu-v2 .menu-dropdown.active .submenu, .l-top_menu-v2 .global-search .search-results {
    animation: none;
  }
}
Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть