Выдвижное меню без JavaScript

Подписаться 2,2 тыс.

Просмотров 32 тыс.

50% 1

Всем привет друзья, из этого видео вы узнаете как сделать выдвижное меню на чистом CSS без использования JavaScript, приятного просмотра!
Cсылки:
Архив с файлами сайта - disk.yandex.ru/d/ghPXuEna9CG_bA
Группа ssttrano вк - ssttrano_group
Мой вк - ssttrano
Группа вк RENEDE Design (логотипы) - renededisign
Музыка из видео:
Песня из видео: LAZERHAWK - SO FAR AWAY
Взято с канала: Ezek5
Песня из видео: Euan Ellis - Night Visions
Взято с канала: Definition of Chill.
Лицензия - не предоставлена
Проверено на сайте: eproves.com
Песня из видео: Euan Ellis - Night Visions
Взято с канала: Definition of Chill.
Лицензия - не предоставлена
Проверено на сайте: eproves.com
#html #css #ssttrano

Опубликовано:

1 авг 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 106

@user-bq4mb3zg7h 2 года назад

*Такой контент заслуживает большего* 👍🏽

@ssttrano 2 года назад

Спасибо 💫

@ssttrano 2 года назад

Всем спасибо за просмотр) Теперь ваша задача - написать какие либо свои вопросы, если они есть А моя - найти программу для записи что бы не было потери фпс при записи...

@evgenichperedela6430 2 года назад

Помоги пожалуйста!!! У меня меню открывается ПОД блоками , как это можна исправить?

@tryamfull Год назад

Спасибо за контент, сейчас для меня это очень актуально, а Вы объяснили на примерах и доходчиво, жду еще видео, не забрасывайте. Особенно шуточки, которые проскальзывают в видео♥

@TimChaplinman 2 года назад

Отличный формат. Коротко и по существу. А еще приятная атмосферная музычка)

@ssttrano 2 года назад

Приятно читать)

@phitrow 7 месяцев назад

и не громко, как иногда бывает.

@Hach 2 года назад

Видео супер, на ютубе не хватает таких видео.

@user-zw9mp2fd7d Год назад

Друг большое спасибо тебе за такой интересный контент, давно искал как сделать простое адаптивное меню, но твой вариант просто порадовал. Супер, 👍👏😆

@StarmanNo1 11 месяцев назад

Оно хорошо работает на телефонах?

@user-pk4lp4gw9c Год назад

Одно удовольствие смотреть ваши видео

@cesar8365 8 месяцев назад

Очень круто, ты заслуживаешь намного больше подписчиков, удачи тебе!

@yankevich-andrey 11 месяцев назад

Напишу комментарий не только в поддержку канала, а с огромной благодарностью автору! Единственное, было бы хорошо если б текстовые подсказки-пояснения были чуть дольше на экране (приходится перематывать назад и ставить на паузу)

@Duh280 Год назад

Афигенно! Просто и со вкусом👍

@zaharborovskiy7531 2 года назад

Видос супер! Всё четко, без спешки, спасибо!

@ssttrano 2 года назад

рад что понравилось💫

@topttedhbiu_dejlbfuh4uk956 9 месяцев назад

Как же долго я искал тебя брат, даже GPT помочь не смог, красавчик!!!

@user-zr8pj1zz2p Год назад

Красиво:) Рекомендую для стилизации первой буквы псевдоэлемент :first-letter вместо span в HTML

@helicobacterpylori7447 Год назад

Друг, ты легенда, спасибо тебе большое

@Serik01kz 2 года назад

Привет спасиба за меню необычный и интересно продолжай том же духе

@user-lk5ey8pj5y Год назад

Спасибо за полезную инфу!!!

@nastasa6313 8 месяцев назад

Спасибо больше, очень понятно, полезно и очень помогло

@user-ed7jn4vd6y 2 месяца назад

Спасибо большое, очень полезное видео!!!!!

@ruslankarimov5643 10 месяцев назад

Супер! Большое спасибо! Подписался на канал

@yebfudeu3313 Год назад

Не думал что таким способом можно делать выдвижное меню, красавчик чувак

@Caro1109 8 месяцев назад

Самый кайфовый гайд, спасибо

@mkhllk_ Год назад

Очень круто и классно 👍

@one_mik Год назад

как же красивый background😊

@user-fx1ny5ee6d Год назад

Спасибо, здорово!

@ggbro5234 Год назад

ты топ пацан обеснил здорова маладец 👌👍

@muborakshoh.2003 2 месяца назад

Спасибо за информацию

@user-hb5ul2jx6p Год назад

Спасибо, Вам

@berry_v1bes Год назад

Красавец !!!!

@VULUCK Год назад

Здорово получилось

@user-qy4sn1xp8y Год назад

Все отлично, но попробуй увеличить экран в области, где идет написание кода.

@badiavictor5332 Год назад

spasibo bolishoe!!!

@user-rt6hg3sx5v 10 месяцев назад

Классно получилось)

@fedzet5511 2 месяца назад

чел просто мега гений спасибо

@user-co5yn9op3f Год назад

Спасибо большое!!!

@ryan_igor Год назад

Дуже дякую за відео!!

@user-xi8hk9ze6k 2 года назад

Красаучик)

@n3159 2 года назад

Ну чтож, теперь надо точно тоже пилить видос

@pasitoaegis 2 года назад

Супер, что сказать

@ssttrano 2 года назад

Спасибо, аххах

@user-pl8if5je5b 29 дней назад

Спасибо ❤

@_duty_free Год назад

топ канал, с топ контентом

@dlayutuba 9 месяцев назад

Мне понравилось

@famix7431 9 месяцев назад

спасибо🍉

@eg6r472 7 месяцев назад

Это очень красиво и просто! Но у меня вопрос: можно сделать, что бы он выдвигался при нажатии или что бы при убирани курсора, он также плавно задвигался назад?

@user-iv2dd3ir2v 2 года назад

Такой контент топовий

@n3159 2 года назад

Кста безусловно лайк

@ssttrano 2 года назад

💪🏿

@n3159 2 года назад

Рука Владика?

@lutayabebra 2 года назад

7:36 эффект наведения

@flashtaken 11 месяцев назад

харош

@mrkasper_v_dome4704 2 года назад

Видос интересный . Правда чот у меня менюшка так и не открылась. Но с твоего архива работает. Кстати а почему в файле из твоего архива нету backdrop?

@seich3735 7 месяцев назад

У меня тоже она не открывается

@henricqwinto6388 2 года назад

Гут 👍

@nastaybirudeshvili6706 2 года назад

аххааххаа я скачал архив думая что найду там фотку и поверстаю но там все готово, спасиба

@mydream6823 Год назад

Гайд доступный и понятный, но таблички с всплывающим текстом подсказок лучше сделать чуть подольше, а то не успеваешь читать(

@endplay-offs1952 2 месяца назад

не получается, пишу точь в точь, а нифига не работает? может быть из-за формата картинки? а так спасибо, очень кратко и по существу

@user-ox1bh3vh2t 2 года назад

7:42 главная мысль: выдвижение меню

@eqz31 Год назад

У меня есть вопрос. Почему когда я навожу на определенную часть этой навигационной панели, то она сворачивается даже если я не нахожусь за ее пределами?

@nastaybirudeshvili6706 2 года назад

я получил оргазм глаз, спасибо.

@ssttrano 2 года назад

Хорошо что только глаз, аххах

@user-fy3jo6qw4e Год назад

Пхпхахахахаха почему че тут такого красивого

@gacha_dasha5744 Год назад

а подскажите , а как сделать так чтобы текст находился под эти меню когда открываешь панель, а не так что бы пишешь текст.. а он появляется сверху в углу и панель навигации делает отступ вниз и текст не перекрывается панелью

@insidiousgoblin3258 Год назад

таке саме питання

@insidiousgoblin3258 Год назад

а как зделать так чтобы текст который тбудет на этой страничке не урезал меню навигации,тоесть чтобы меню навигации было планов више?

@Serik01kz 2 года назад

А ты можешь добавит логотип и поск у меня не получилось добавит в логотип

@Dik131WZD 2 года назад

А как сделать навигацию не сверху, а сбоку: чтобы основной контент двигался, когда разворачиваешь меню?

@samuraym9488 Год назад

@yebfudeu3313 Год назад

@Ruaa-ov4fq Год назад

Проблема с картинками можно подробнее 🥱

@user-zv6cw4uf1k Год назад

У меня не ушло меню влево оно сбоку экрана появляется и все

@alekseytsyganov9560 Месяц назад

Чё делать, если при увеличении масштаба менюшка ломается?

@olegvasich8956 Год назад

а что по таблет и моб?

@maxijerox338 2 месяца назад

Есть одна проблема когда я хотел сделать анимацию что бы при наведение открылось и закрывалост я так же все писал но нечего не работает что делать подскажите?

@ssttrano 2 месяца назад

Можете в личные сообщения отправить скриншоты кода, помогу