Как реализованно это меню хабрахабра?

Question

[GaryH]

скиньте код "открывашки" меню по клику/нажатию на чистом html5 ccs3.

Comments

[Therapyx]

хотелось бы увидеть лучше тостера :)

[Сергей Протько]

Therapyx: дебагер браузера и вперед. Там все довольно примитивно если что.

[Therapyx]

Сергей Протько: Без JS'a?

[red_line_nes]

а что мешает js отдебажить

Answer 1

[Sergej]

Как и везде, как любой hide/show объект.
По клику на кнопку, добавляется класс show объекту меню и слою overlay.
Если не понятно, то просто откройте дебаггер и посмотрите как это реализовано.
Ведь сложнее спросить, чем нажать ctrl+shift+i , разве нет ?

Ну и конечно, супер-пупер пример
tympanus.net/Development/OffCanvasMenuEffects
tympanus.net/Development/ElasticSVGElements

Answer 2

[Сергей Протько]

Это называется navigation drawer

Answer 3

[entermix]

www.unheap.com/section/navigation

Answer 4

[gene4000]

На чистом html5+ccs3 без js делается с помошью чекбокса.