Добавить translate3d для каждого элемента в меню с задержкой - PullRequest
Новая
       36

Добавить translate3d для каждого элемента в меню с задержкой

0 голосов
/ 20 апреля 2019

Мне нужно сделать translate3d для моего меню,

Мне нужно создать анимацию, подобную этому меню, на этом сайте в мобильном телефоне (https://www.micai.aristidebenoist.com/).

Вы можете увидеть translate3d как может работать, его показ как медленная анимация

я пытаюсь больше кода, но я не могу сделать как это

Мой код: 

$('.menu-trigger').on('click', function() {
  $('#menu-slide-menu li').each(function() {
    $('#menu-slide-menu li').css('transform', 'translate3d(0%, 0px, 0px)');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="menu-trigger">Menu</div>
<ul id="menu-slide-menu">
  <li class="element">bla bla</li>
  <li class="element">bla bla</li>
  <li class="element">bla bla</li>
  <li class="element">bla bla</li>
</ul>

Как это сделать!

...