How to create this using only CSS

[Eduard]

Hi guys, I’m trying to create something like in this Image

my html code for this is:

<figure>
  <img src="images/main-image.png" alt="Lute - by Beyzacases" class="main-image"/>
</figure>

If someone can help me I will appreciate this. My problem is that I cannot create that shadow. I’ve try using :before for the figure tag, but as you can probably see in the above image, that “shadow” has some fadeing on it.

Here is my pen for this “trick”. How to

Thank you.

[Author]

Posts