Last Updated: February 25, 2016
·
855
· lolafeewfawfw

Inset Text Shadow

I wondered if it could be done, and it could. This effect only works on a light background. Use the letterpress effect for dark backgrounds.

http://jsfiddle.net/znE5B/

You can copy and paste this in your browser to see it also:

data:text/html,<head><style>body{background:#f3f2ef;color:rgba(162,157,148,0.5);text-shadow: 1px 1px 3px #EBE8E1, 0 0 0 rgba(0, 0, 0, .7), 0 1px 0 #FFF;font: bold 16pt/1 HelveticaNeue, Arial, sans-serif;}</style></head><body><h1>Inset Text Shadow</h1>Lorem ipsum, random, random, more random random</body>