Просто Демо:

Выдвигающееся боковое меню на чистом CSS

Меню Слева Меню Справа

Нажмите на "гамбургер-иконку" в левом или правом верхнем углу, в зависимости от выбранного вами варианта, и вы увидите выдвигающуюся боковую панель в действии. Чаще всего в таких панельках размещают меню навигации по сайту, что собственно мы и сделали. Вы же можете использовать боковую панель, для любого другого элемента, который по вашему разумению, должен быть изначально скрыт, например, форму подписки, блок кнопок социальных сетей, и т.д. и т.п...

Работа данного меню построена на чистом CSS, без подключения javascript. Переключение осуществляется с помощью скрытого флажка (checkbox) с использованием псевдокласса :checked из обоймы CSS3

С переклюателем панели особо не стал заморачиваться и использовал символ Unicode 'TRIGRAM FOR HEAVEN' (U+2630), с простейшей заменой символа на 'Знак Умножения' (U+2715), когда панель раскрыта. Вам ничего не мешает испльзовать любой другой значок, иконку или просто текст.

Меню Слева Меню Справа

Нажмите на "гамбургер-иконку" в левом или правом верхнем углу, в зависимости от выбранного вами варианта, и вы увидите выдвигающуюся боковую панель в действии. Чаще всего в таких панельках размещают меню навигации по сайту, что собственно мы и сделали. Вы же можете использовать боковую панель, для любого другого элемента, который по вашему разумению, должен быть изначально скрыт, например, форму подписки, блок кнопок социальных сетей, и т.д. и т.п...

Работа данного меню построена на чистом CSS, без подключения javascript. Переключение осуществляется с помощью скрытого флажка (checkbox) с использованием псевдокласса :checked из обоймы CSS3

С переклюателем панели особо не стал заморачиваться и использовал символ Unicode 'TRIGRAM FOR HEAVEN' (U+2630), с простейшей заменой символа на 'Знак Умножения' (U+2715), когда панель раскрыта. Вам ничего не мешает испльзовать любой другой значок, иконку или просто текст.

Меню Слева Меню Справа

Нажмите на "гамбургер-иконку" в левом или правом верхнем углу, в зависимости от выбранного вами варианта, и вы увидите выдвигающуюся боковую панель в действии. Чаще всего в таких панельках размещают меню навигации по сайту, что собственно мы и сделали. Вы же можете использовать боковую панель, для любого другого элемента, который по вашему разумению, должен быть изначально скрыт, например, форму подписки, блок кнопок социальных сетей, и т.д. и т.п...

Работа данного меню построена на чистом CSS, без подключения javascript. Переключение осуществляется с помощью скрытого флажка (checkbox) с использованием псевдокласса :checked из обоймы CSS3

С переклюателем панели особо не стал заморачиваться и использовал символ Unicode 'TRIGRAM FOR HEAVEN' (U+2630), с простейшей заменой символа на 'Знак Умножения' (U+2715), когда панель раскрыта. Вам ничего не мешает испльзовать любой другой значок, иконку или просто текст.

Меню Слева Меню Справа

Нажмите на "гамбургер-иконку" в левом или правом верхнем углу, в зависимости от выбранного вами варианта, и вы увидите выдвигающуюся боковую панель в действии. Чаще всего в таких панельках размещают меню навигации по сайту, что собственно мы и сделали. Вы же можете использовать боковую панель, для любого другого элемента, который по вашему разумению, должен быть изначально скрыт, например, форму подписки, блок кнопок социальных сетей, и т.д. и т.п...

Работа данного меню построена на чистом CSS, без подключения javascript. Переключение осуществляется с помощью скрытого флажка (checkbox) с использованием псевдокласса :checked из обоймы CSS3

С переклюателем панели особо не стал заморачиваться и использовал символ Unicode 'TRIGRAM FOR HEAVEN' (U+2630), с простейшей заменой символа на 'Знак Умножения' (U+2715), когда панель раскрыта. Вам ничего не мешает испльзовать любой другой значок, иконку или просто текст.

Меню Слева Меню Справа

Нажмите на "гамбургер-иконку" в левом или правом верхнем углу, в зависимости от выбранного вами варианта, и вы увидите выдвигающуюся боковую панель в действии. Чаще всего в таких панельках размещают меню навигации по сайту, что собственно мы и сделали. Вы же можете использовать боковую панель, для любого другого элемента, который по вашему разумению, должен быть изначально скрыт, например, форму подписки, блок кнопок социальных сетей, и т.д. и т.п...

Работа данного меню построена на чистом CSS, без подключения javascript. Переключение осуществляется с помощью скрытого флажка (checkbox) с использованием псевдокласса :checked из обоймы CSS3

С переклюателем панели особо не стал заморачиваться и использовал символ Unicode 'TRIGRAM FOR HEAVEN' (U+2630), с простейшей заменой символа на 'Знак Умножения' (U+2715), когда панель раскрыта. Вам ничего не мешает испльзовать любой другой значок, иконку или просто текст.