I am currently playing around with CSS3 and trying to achieve a text effect like this (the black blurry inner shadow):

![](https://i.stack.imgur.com/rw4vf.jpg)

But I cannot find a way to create text shadows *inside* the text. I wonder whether it is still possible because the box-shadow element is able to render shadow inside like this:

```
box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5);

```

Any ideas?