Letterpress in CSS

I am trying to create the following effect for use as the styling for the tag.

This is an example in Photoshop

Is there a way 开发者_Go百科to do this with CSS or is there another way to do it?

The white part is semi-transparent, as is the text fill.

Thanks, Ashley

---

Css text-shadow currently doesn't have an inset option. You can try emulating it with box shadow though. Try this link and hover the text.

---

You can use: (might need to be adjusted)

-moz-box-shadow:inset 0 0 10px #000000;
-webkit-box-shadow:inset 0 0 10px #000000;
box-shadow:inset 0 0 10px #000000;

And for the white highlights:

text-shadow: 1px 1px white, -1px -1px #444

Again these would need to be adjusted, but should point you in the right direction.