Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
hamburger

3 Articles
{
,

}
Direct link to the article Line-Animated Hamburger Menu
hamburger stroke-dasharray SVG animation

Line-Animated Hamburger Menu

Direct Link

This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and …

Avatar of Chris Coyier
Shared by Chris Coyier on Jun 26, 2020
Direct link to the article Hamburger ☰ Heaven
hamburger icons

Hamburger ☰ Heaven

Direct Link

A pleasant little romp through iconography and culture from Sophia Lucero. The “hamburger” menu icon we’re familiar with now is really a sign from Taoist cosmology.

Besides ☰, which represents heaven 天, we have ☱ for lake/marsh 澤, ☲ for fire

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 22, 2020
hamburger icons navigation SVG

Hamburger Menu Icons (Three Line Menu Icon / Navicon) Different Ways

A universal symbol for “menu” has been on a lot of people’s minds lately. (“Navicon”, get it?!). Jordan Moore wrote up a big article on it for Smashing Magazine. Jeremy Keith wrote about it. Stuart Robson wrote about it…

Avatar of Chris Coyier
Chris Coyier on Oct 10, 2012 (Updated on Jan 10, 2020)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top