Stasy11
@Stasy11
The best epta

Как сделать такой красивый эффект при открытии меню навигации в мобильной версии?

Добрый вечер!
Подскажите пожалуйста. Как сделать такой плавный эффект при открывании меню в мобильной версии? Как на этом сайте
ТЫК
Сайт как будто впадает и вновь всплывает.
Заранее спасибо!
  • Вопрос задан
  • 408 просмотров
Пригласить эксперта
Ответы на вопрос 3
Посмотрите эту библиотеку, там есть возможность менять эффекты. Возможно найдёте подходящий.
Ответ написан
@tempick
Также можно использовать библиотеку jQuery - там есть функции для подобной анимации
Ответ написан
AnnaGerbova
@AnnaGerbova
Фронтенд разработчик в Artsofte
jQuery( '#td-top-mobile-toggle a, .td-mobile-close a' ).click(function(){
if ( jQuery( 'body' ).hasClass( 'td-menu-mob-open-menu' ) ) {
jQuery( 'body' ).removeClass( 'td-menu-mob-open-menu' );
} else {
jQuery( 'body' ).addClass( 'td-menu-mob-open-menu' );
}
});

Вместо #td-top-mobile-toggle a название Вашей кнопки.
Для класса td-menu-mob-open-menu прописать в стилях scale допустим 0.8, и transition
Логика скрипта - по клику на кнопку меню на body вешается класс, который плавно уменьшает его в размерах
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
18 авг. 2018, в 18:35
1000 руб./за проект
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 18:44
350 руб./за проект