How to insert shadow over a slider

Question

I created a slider with car images using carouFredSel plugin. Now I want to add shadow over the first and last item and I hope someone will give me the answer.

So far this is what I have:

And this is what I want:

Every element is using this code:

<li style="width: 170px;">
                <a href="astra-brandpage" onmouseover="mouseOverCar(this, 'Astra')" onmouseout="mouseOutCar(this, 'Astra')">
                    <img src="~/Astra.png">
                    <b>Astra </b>
                </a>
            </li>

Thanks !

Answer 1

Thank you Sauhard Gupta, box-shadow: inset helped me