Drop Down Menu - CSS Animation

Based on Drop Down Menu - CSS Animation by DevTips

style 1
- Sub >
  - Sub 1
  - Sub 2
  - Sub 3
- Two
- Three
- Sub >
  - Sub 1
  - Sub 2
  - Sub 3
- Five
- Six
style 2
- One
- Two
- Three
- Four
- Five
- Six
style 3
- One
- Two
- Three
- Four
- Five
- Six
style 4
- One
- Two
- Three
- Four
- Five
- Six

This code is my version of the code given in the YouTube link in the link above

it is translated from SASS to CSS and few minor alterations have been made

if you wish to understand how the animation work more thoroughly, i would suggest editing any of the @keyframe menuX in the CSS tab and also watch other videos in the channel