How do I add a transition in this simple dropdown to make it appear more slowly?

HTML & CSS
1

DEMO

2

Hi,

You can’t animate from display:none so you need to hide the menu by another method. Here is your codepen forked to show an opacity transition.

I’m not keen on your menu structure and I much prefer to use nested lists like this example of mine.

3 Likes
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.