Can we use box-shadow to create stretched shadow?
Is it possible to create a stretched shadow for any element in html using box-shadow like in shared image.
![](https://cdn.answeroverflow.com/1128743739662270544/image.png)
8 Replies
you can, but if you're using regular CSS it's a bit annoying 😅
https://codepen.io/kevinpowell/pen/xxQpMox/a56b39ab438ee1ad13e3e448abd53e5e
A lot easier with Sass 😅
good old "add a shadow for each pixel of length you need"
You can also create a sass function like this
If you want to use it on multiple places
So then you can use it like
text-shadow:shadow(#000, 30);
That is such a cool trick!
Thanks @Kevin @tok124 , but now it makes me think that if shadow is an efficient way to create this effect?
Outside of using an svg (or maybe a special font... But i'm not sure if it's possible or not) there's hardly any other way
Thank you guys