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.
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>
Written by C
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#