Gradient shadow on hover


Any idea what would be the easiest way to achieve a gradient shadow under a tab on hover? Something similar to the image below.

Thanks in advance!


Here is my public share link: LINK
(how to access public share link)

For this you should add a separate DIV and style it with gradient, add a blur filter and place it behind that content block by applying absolute positioning and negative z-index.

Place all the content on another DIV and apply background white on it.

There is many examples you can find on CodePen

One example you should check is