I've got an element that I want to have a shadow accent just on one end, like this (from Photoshop):
![enter image description here](https://i.stack.imgur.com/Ba3D4.png)

The closest I've gotten is like this (HTML + CSS3):
![enter image description here](https://i.stack.imgur.com/QmlPS.png)

So, is it possible to make the shadow fade, like in the first picture? Here's my code as is:

```
box-shadow: 0px 0px  5px 1px rgba(0,0,0,.4);

```