Большое спасибо. Про неровный крестик, не усложняйте жизнь расчетами снизу и сверху, просто в одном месте посчитайте и будет вам ровный крестик &::before { top: 50%; transform: translateY(-50%); transform: rotate(45deg); } &::after { top: 50%; transform: translateY(-50%); transform: rotate(-45deg); }
Господи, как же этот видеоролик мне помог! Чтобы вы понимали, до того, как посмотреть этот ролик и посмотрел ещё два ролика от Фрилансера по Жизни, что на jQuery, что на чистом JS и у меня ничего не получилось, здесь же я чуток намудрил с z-index'ом и анимацией, но в последствии исправил
Есть разные видео. Одни смотришь и напрягаешься. Другие смотришь и расслабляешься. А именно это видео можно охарактеризовать словами-смотришь и кайфуешь. Спасибо тебе. Покайфовал. Да еще и новые знания почерпнул! Это точно твоё.
Супер крутой урок, но есть вопрос. Бургер открывается при клике на абсолютно любую область Html,а не только по иконке бургера. Как это можно исправить?
Подскажи как якоря сделать на ссылках бургера, что бы при нажатии на ссылку, бургер автоматически закрывался и плавно скролился на нужный блок контента если это лендинг
У меня очень большие проблемы кто разбирается помогите!!!!!! Когда я открываю бургер меню все элемен открывается сзади картинок и зоголовок что мне сделать ???
почему-то при клике на бургер - меню появляется, но крестик пропадает и нет возможности закрыть меню. и при клике на пункт меню переход видно что происходит, но меню все перекрывает. и хотелось бы не использовать !important - слышала, что это нехорошая практика... 🤔как-то недопилен урок
Автор, меню прикольно получилось 😅 Все действительно работает . Но к сожалению это слишком сложно для новичков 😢 Я скопировал твой код , у меня все получилось, все работает . Но вот когда сам написал , от своей балды , то ничего не работает вообще 😅
Большое спасибо. Про неровный крестик, не усложняйте жизнь расчетами снизу и сверху, просто в одном месте посчитайте и будет вам ровный крестик
&::before {
top: 50%;
transform: translateY(-50%);
transform: rotate(45deg);
}
&::after {
top: 50%;
transform: translateY(-50%);
transform: rotate(-45deg);
}
Господи, как же этот видеоролик мне помог! Чтобы вы понимали, до того, как посмотреть этот ролик и посмотрел ещё два ролика от Фрилансера по Жизни, что на jQuery, что на чистом JS и у меня ничего не получилось, здесь же я чуток намудрил с z-index'ом и анимацией, но в последствии исправил
Очень круто!!!! Спасибо большое.
Довольно приятная анимация)
Есть разные видео. Одни смотришь и напрягаешься. Другие смотришь и расслабляешься. А именно это видео можно охарактеризовать словами-смотришь и кайфуешь. Спасибо тебе. Покайфовал. Да еще и новые знания почерпнул! Это точно твоё.
Класс, спасибо! Быстро и наглядно, что бы освежить память 👍 Ждём следующего видео :)
Очень классный момент, когда то объяснял про active! Объяснений таких вещей иногда очень не хватает. У тебя классный контент)
Спасибо)
Отличное виде, подписался! Спасибо за контент) Меню работает)
Чудесное видео. Спасибо вам большое
О боже, думала не сработает но нет все отлично работает, спасибо большое вам
Отличный ролик. Очень полезно, получилось применить в своём проекте)
можно не дисплей нон для меню прописать, а например лефт минус 1000, а для класса опен лефт 0 и тогда оно будет плавно выплывать сбоку
💯💯💯 как всегда все на высоте!
Спасибо)
поддерживаю
Подскажи пожалуйста,а как закрепить крестик зактытия окна,чтобы при скроле контента он не улетал вверх?)
Спасибо. Подписался. Стал тысячным)
Спасибо! Только я в активных псевдоэлементах сделал transform(0, -70%) и transform(0, 70%) соответственно, так крестик более ровный получается
wow nice , thx bro =)
А можно как-нибудь добавить плавность при не только при открытии окна с nav, а и с закрытием?
зачем в .nav при медиа запросе задавать флекс и потом флекс - дирешин если элементы li и так стоят колону?
Здравствуйте! Подскажите, пожалуйста, класс .open нужно добавить к ?
тебе в html добавлять его не надо, он добавляется за счет скрипта при клике
Спасибо большее очень полезно
nice very nice thank you bro
Спасибо братишка 💪
супер отлична
Дружище, а подскажи как сделать чтобы когда я стили изменял браузер сам обновлялся сразу, как у тебя сделано? Чтобы каждый раз не обновлять страницу.
Установи плагин в vscode, который называется live server
Супер крутой урок, но есть вопрос. Бургер открывается при клике на абсолютно любую область Html,а не только по иконке бургера. Как это можно исправить?
Подскажи как якоря сделать на ссылках бургера, что бы при нажатии на ссылку, бургер автоматически закрывался и плавно скролился на нужный блок контента если это лендинг
Привет, заходи к нам в телеграмм чат @frontend_case будем решать твой вопрос!
@@frontend_case спасибо, уже!
Дякую, хедер на адаптиві досить довго робити по часу!
у меня почему то в крестик не плавно переход
У меня очень большие проблемы кто разбирается помогите!!!!!!
Когда я открываю бургер меню все элемен открывается сзади картинок и зоголовок что мне сделать ???
z-index чтоб какой то контент был выше другого чекни документацию
автор, где код!! в названий четко написанно что в описаний есть код, но его там нету! добавь туда код пожалуйста автор
названия музыка
Не написал что это с меню с JS
Класс!
что такое клас open?
Что за песня в начале? Очень нужно.
Not bad 👍
почему-то при клике на бургер - меню появляется, но крестик пропадает и нет возможности закрыть меню. и при клике на пункт меню переход видно что происходит, но меню все перекрывает. и хотелось бы не использовать !important - слышала, что это нехорошая практика... 🤔как-то недопилен урок
Все конечно хорошо, но сейчас работодатели требуют организовывать бургеры без JS - только на CSS! И даже слайдеры :))))
песня
Автор, меню прикольно получилось 😅 Все действительно работает . Но к сожалению это слишком сложно для новичков 😢
Я скопировал твой код , у меня все получилось, все работает . Но вот когда сам написал , от своей балды , то ничего не работает вообще 😅
у меня не работает что делать
Есть вероятность что вы не добавили в самом начале кода
.open {
display: flex !important;
}
Кто может код весь в комент отправить
Щас бы объяснять то, как тоглить значение по нажатию на кнопку. Ахаххахахаха, кринж...
ничего не работает
все работает
Есть вероятность что вы не добавили в самом начале кода
.open {
display: flex !important;
}