1013–[CSS] Nav hover effect with linear gradient

Background

We want to create the following effect with linear gradient.

See the Pen Linear Gradient by Thomas Seng Hin Mak (@makzan) on CodePen.

Requirement

Given the following HTML:

<nav>
  <div class="demo">DEMO</div>
  <div class="demo">DEMO</div>
  <div class="demo">DEMO</div>
  <div class="demo">DEMO</div>
  <div class="demo">DEMO</div>
</nav>

Help

❓ Show help content

Submission guideline

• You may use Codepen to implement it and submit the link.
• You may implement them in file and attach the HTML/CSS file via submission.