Gradient shadow on hover

[mrvl]

Hello,

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)

[abirana (Abi Rana | Creative Web Developer)]

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.

[abirana (Abi Rana | Creative Web Developer)]

There is many examples you can find on CodePen

One example you should check is https://codepen.io/DmitryTravnikov/pen/ZoMyxK?editors=1100