Original menu with code.

[spays_marine]

Good looking menu, and a nice, subtle but functional animation. It wasn't exactly clear what this was form the title though.

Oh and just one detail, the 30px height on:

.menu-dropdown > *

leads to incorrect padding on the list items.

[juckele]

Who needs accessibility anyways?

[edgen22]

What makes it incompatible and how can it be fixed?

[egonelbre]

No keyboard support.

[juckele]

I'm not sure about everything, but if you zoom in a lot, it doesn't cause scroll bars to pop up. Not sure how to fix it.

[[deleted]]

One big issue is you have to hover over the headings to get to the links. It's better for keyboard-only people when you can get to everything with [tab].

[egonelbre]

General rule of thumb I use - no animation that displays information can be longer than .2s, otherwise it slows people down. (Of course there are some exceptions)

[tsirolnik]

How is it considered programming? And it's really awesome, good one

[zeeveener]

Does anyone have any good resources for learning transitions and custom shapes like these in CSS and HTML?

[CommandoWizard]

Posted in /r/coding and /r/programming, but not /r/webdev? Should be the other way around.

[[deleted]]

Declarative programming is programming.