Show DevBest Realistic Image Shadows

[Markshall]

Everyone is familiar with the usual effect of adding a barely visible shadow to images with an almost-transparent background, but I found

You must be registered for see links

and decided to try to replicate it in CSS

It uses CSS variables to dynamically size the element and it's shadow and an ::after element to generate its shadow and place it based on the --size variable.
Feel free to play around with the --size variable to see how the shadows respond

You must be registered for see links

Final outcome:

Spoiler

 

[Weasel]

This looks awesome, it makes a huge difference without even noticing. Nice share man.

 

[Markshall]

Thanks @Wess. The effect isn’t credited to me however, I just put it into practice by mimicking the Instagram post I referenced. :-D