Gooey Menu

The gooey effect is the result of adding a filter on top of svg elements. I first encountered it in 2016 thanks to Nadieh Bremer post about gooey effects for data visualization.

This effect was used in clubbingfeels.guillaumemeigniez.me to build menus with submenus for music genres.

I initially designed the menu in 2019 and did not take accessibility and browser support into consideration. Building such a menu for real would require (at least) to insert the buttons/links inside the svg (which is never fun), to make sure that color contrasts are sufficient, and to properly test keyboard and screen reader support over all main browsers.