How to create this shadow effect with css?
I want to create a card design for my portfolio website, but I don't know how to add a shadow effect as shown in the drawing.

4 Replies
It looks like the kinda thing that folks are calling a "long shadow" except with a stroke on it. What have you tried so far? Do you have a codepen we can look at?
You pointed me in the right direction, but I found an easier solution with javascript. https://codepen.io/alekseiarsentev/pen/xxeWxzz Sorry for the wrong tag 😁
You could just do it with SCSS
https://codepen.io/tok124/pen/mdgxJOB
You can also do a decent job with just CSS, without box-shadows https://codepen.io/ptrfrncsmrph-the-vuer/pen/XWQEWqz