Inset Text Shadow
There are a few approaches out there which cover doing an inset text shadow. I've only found one way to work for me.
color: #737374;
color: rgba(115, 115, 114, 0.9);
text-shadow: 1px 4px 3px #F3F3F3, 0px 0px 0px #000, 1px 4px 6px #F3F3F3;
This works well and falls back to a flat color on older browsers.
This works because we're using a transparent text color, the shadow becomes visible through the color of the text which gives it an inset effect. This is a nice solution since we can't use inset in the same way we do with a box-shadow.
Written by Christopher Erk
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#