[Solved] 50% width css box shadow

Question

by default, box-shadow adds shadow for 100% width, I want to show shadow of border only 50% width at the bottom, I tried but I couldn't do it, please help.
Code link:
https://code.sololearn.com/W1vfT4MM17h6/?ref=app

Answer 1

Not a better solution, but just another way to achieve the visual effects you were looking for.

https://code.sololearn.com/WnauzkxEqms3

Answer 2

https://code.sololearn.com/Wg451h8p7vn9/?ref=app

reference:
https://www.sololearn.com/learn/CSS/2257/

Answer 3

You cannot set half box shadow, use pseodo element

https://code.sololearn.com/WRWWo1mJ6f90/?ref=app