Плавное отображение мобильного меню с помощью TailwindcssHtml

Программисты Html
Ответить
Anonymous
 Плавное отображение мобильного меню с помощью Tailwindcss

Сообщение Anonymous »

Я хочу, чтобы мобильное меню отображалось плавно. Сейчас я использую Tailwindcss, и когда я нажимаю на значок гамбургера, меню появляется мгновенно. Я попробовал добавить задержку, но это ничего не дает. Как сделать так, чтобы мобильное меню отображалось плавно, когда я нажимаю на меню-гамбургер





Menu







Docs


Examples


Blog


Download








js
const btn = document.getElementById("show-menu");
const menu = document.querySelector(".mobile-menu");
btn.addEventListener("click", () => {
menu.classList.toggle("hidden");
menu.classList.toggle("transition")
menu.classList.toggle("delay-150")
menu.classList.toggle("duration-300")
});


Подробнее здесь: https://stackoverflow.com/questions/762 ... ailwindcss
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»