Back to feed
Scrapbook

Circular Menu Demo Like path.com Built with Pure CSS3

NS
normalstory
cover image

Path menu in pure CSS3

A demo implementing a circular menu like "path.com" in pure CSS3. The path.com menu is the kind that animates open and reveals options when you click it.

A demo implementing this in CSS3 has been made public. It animates and appears to use JavaScript, but it's actually pure CSS3. It moves quite pleasantly.

It might be nice to try incorporating it into a smartphone site.

Related articles:

  • Free CSS menu templates and tutorial collection
  • jQuery plugin "Mega Drop Down Menu" for rich dropdown menu implementation
  • 55 CSS navigation menu samples

Source: http://phpspot.org/blog/archives/2011/12/css3pathcom.html

This English version was translated by Claude.

친절한 찰쓰씨
Written by
친절한 찰쓰씨

Pleasant Charles — UI/UX researcher at AIT. Keeping notes on design, planning, and slow days here since 2010.

More on the author's page

Keep reading

Scrapbook

What rich people work harder at than making money: keeping the maker and the money-earner separate is the key!

Sep 20, 2025·1 min
Scrapbook

Me, who doesn't know when to let go in life

Sep 20, 2025·1 min
Scrapbook

Passion is not intensity, it's grit

Sep 20, 2025·1 min