28 February 2017 / Menu

Simple Pure CSS Drop Down Menu

I was in need of a very style agnostic drop down menu and struggling to find one. So I built one!

I have made subtle change for submenus to use top and bottom padding in conjunction with a smaller line-height to accommodate multi-lined sub-menu items.

BY Phil Hoyt

See the Pen Simple Pure CSS Drop Down Menu by Phil Hoyt (@philhoyt) on CodePen.

— Code Tea —

CSS Only Vertical Accordion Menu

CSS only vertical accordion menu.

20 January 2020

Hide header on scroll down, show on scroll up

Fixed headers are fairly common nowadays with big name brands like Facebook, Twitter, Google, LinkedIn, and others using this pattern.

27 August 2018

Four different menu animations for menu button toggle between dots

Four different menu animations for menu button toggle between dots, cross and back icon.

— Next Post — — Prev Post —

Simple Pure CSS Drop Down Menu