For a project I am working on right now I needed to create text that had an inner shadow. The look I wanted was that the text was almost stamped into the surface of the page.

After some searching and finding some hacks that sort of worked, I came across this great trick!

using the :before and :after pseudo-elements you can easily create this effect.

It might not work for every situation, but it did great for me.

view demo

here's what you need to know -

Your text needs to have a class, and a title tag with the same message. ( h tags or divs work best )

comments